feat(dateinput): added default active section for DateInput.tsx (#266)

devexperts · Aug 23, 2022 · 4c82540 · 4c82540
1 parent 5ed039d
commit 4c82540
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/react-kit/src/components/DateInput/DateInput.tsx b/packages/react-kit/src/components/DateInput/DateInput.tsx
@@ -51,6 +51,7 @@ export type TDateInputOwnProps = TSteppableInputProps &
 		onMouseLeave?: () => void;
 		target?: Element;
 		Calendar?: ComponentClass<TCalendarProps> | React.SFC<TCalendarProps>;
+		defaultActiveSection?: ActiveSection;
 	};
 
 type TDateDefaultProps = {
@@ -156,11 +157,14 @@ class RawDateInput extends React.Component<TDateInputFullProps, TDateInputState>
 	}
 
 	private getSectionClassName = (activeSection: ActiveSection): string => {
-		const { theme, isDisabled } = this.props;
+		const { theme, isDisabled, defaultActiveSection } = this.props;
 		const { activeSection: selectedActiveSection } = this.state;
 
+		const activeSectionSelected = selectedActiveSection || selectedActiveSection === 0;
+
+		const selectedOrDefault = activeSectionSelected ? selectedActiveSection : defaultActiveSection;
 		return classnames(theme.section, {
-			[theme.section_isActive as string]: !isDisabled && selectedActiveSection === activeSection,
+			[theme.section_isActive as string]: !isDisabled && selectedOrDefault === activeSection,
 		});
 	};