feat(plasma-new-hope): add DatePicker component

packages/plasma-b2c/api/plasma-b2c.api.md

@@ -95,6 +95,18 @@ import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
+import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
+import { DatePickerCalendarProps as DatePickerCalendarProps_2 } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
+import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
+import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
+import { DatePickerProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
+import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { defaultValidate } from '@salutejs/plasma-hope';
 import { DisabledProps } from '@salutejs/plasma-core';
 import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -181,6 +193,7 @@ import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
 import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
 import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
 import { radiuses } from '@salutejs/plasma-core';
+import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components';
 import { RangeProps } from '@salutejs/plasma-new-hope/styled-components';
 import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { Ratio } from '@salutejs/plasma-new-hope/styled-components';
@@ -653,13 +666,17 @@ export const Calendar: FC<CalendarProps>;
 export const CalendarBase: FunctionComponent<PropsType<    {
 view: {
 default: string;
-primary: string;
 };
 size: {
+l: string;
 m: string;
+s: string;
+xs: string;
 };
-}> & HTMLAttributes<HTMLDivElement> & Calendar_2 & {
+}> & Calendar_2 & {
 type?: "Days" | "Months" | "Years" | undefined;
+size?: string | undefined;
+view?: string | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export { CalendarBaseProps }
@@ -671,12 +688,17 @@ export const CalendarBaseRange: ({ value, disabledList, eventList, min, max, onC
 export const CalendarDouble: FunctionComponent<PropsType<    {
 view: {
 default: string;
-primary: string;
 };
 size: {
+l: string;
 m: string;
+s: string;
+xs: string;
 };
-}> & HTMLAttributes<HTMLDivElement> & Calendar_2 & RefAttributes<HTMLDivElement>>;
+}> & HTMLAttributes<HTMLDivElement> & Calendar_2 & {
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
 
 export { CalendarDoubleProps }
 
@@ -963,6 +985,97 @@ export { CounterProps }
 
 export { counterTokens }
 
+// @public (undocumented)
+export const DatePicker: FunctionComponent<PropsType<    {
+view: {
+default: string;
+};
+size: {
+l: string;
+m: string;
+s: string;
+xs: string;
+};
+disabled: {
+true: string;
+};
+readOnly: {
+true: string;
+};
+}> & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>;
+
+export { datePickerClasses }
+
+export { DatePickerPlacement }
+
+export { DatePickerPlacementBasic }
+
+export { DatePickerProps }
+
+// @public (undocumented)
+export const DatePickerRange: FunctionComponent<PropsType<    {
+view: {
+default: string;
+};
+size: {
+l: string;
+m: string;
+s: string;
+xs: string;
+};
+disabled: {
+true: string;
+};
+readOnly: {
+true: string;
+};
+}> & DatePickerdVariationProps & {
+defaultFirstDate?: Date | undefined;
+defaultSecondDate?: Date | undefined;
+onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined;
+onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined;
+} & {
+label?: string | undefined;
+view?: string | undefined;
+disabled?: boolean | undefined;
+readOnly?: boolean | undefined;
+size?: string | undefined;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+leftHelper?: string | undefined;
+dividerVariant?: "none" | "icon" | "dash" | undefined;
+dividerIcon?: ReactNode;
+firstValueError?: boolean | undefined;
+secondValueError?: boolean | undefined;
+firstValueSuccess?: boolean | undefined;
+secondValueSuccess?: boolean | undefined;
+firstPlaceholder?: string | undefined;
+secondPlaceholder?: string | undefined;
+firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+firstTextfieldTextBefore?: string | undefined;
+secondTextfieldTextBefore?: string | undefined;
+firstTextfieldTextAfter?: string | undefined;
+secondTextfieldTextAfter?: string | undefined;
+onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
+onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
+onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+} & DatePickerCalendarProps_2 & Omit<DatePickerPopoverProps, "placement"> & {
+placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined;
+isDoubleCalendar?: boolean | undefined;
+} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
+
+export { DatePickerRangePlacement }
+
+export { DatePickerRangeProps }
+
+export { datePickerTokens }
+
 export { defaultValidate }
 
 export { DisabledProps }
@@ -1671,7 +1784,7 @@ firstTextfieldTextBefore: string;
 secondTextfieldTextBefore: string;
 dividerVariant?: "none" | undefined;
 dividerIcon?: undefined;
-} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>) | ({
+} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>) | ({
 label?: string | undefined;
 leftHelper?: string | undefined;
 contentLeft?: ReactNode;
@@ -1707,7 +1820,7 @@ dividerVariant?: "dash" | undefined;
 dividerIcon?: undefined;
 firstTextfieldTextBefore?: string | undefined;
 secondTextfieldTextBefore?: string | undefined;
-} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>) | ({
+} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>) | ({
 label?: string | undefined;
 leftHelper?: string | undefined;
 contentLeft?: ReactNode;
@@ -1743,7 +1856,7 @@ dividerIcon?: ReactNode;
 dividerVariant?: "icon" | undefined;
 firstTextfieldTextBefore?: string | undefined;
 secondTextfieldTextBefore?: string | undefined;
-} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>))>;
+} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>))>;
 export { Range_2 as Range }
 
 export { RangeProps }

packages/plasma-b2c/src/components/Calendar/Calendar.tsx

@@ -7,6 +7,7 @@ import {
     mergeConfig,
 } from '@salutejs/plasma-new-hope/styled-components';
 import type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components';
+import type { FC } from 'react';
 
 import { config as baseConfig } from './CalendarBase.config';
 import { config as doubleConfig } from './CalendarDouble.config';
@@ -20,8 +21,8 @@ export const CalendarBaseRange = withRange<CalendarBaseProps>(CalendarBase);
 export const CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);
 
 export const Calendar = boundCalendar({
-    base: CalendarBase,
+    base: CalendarBase as FC<CalendarBaseProps>,
     baseRange: CalendarBaseRange,
-    double: CalendarDouble,
+    double: CalendarDouble as FC<CalendarDoubleProps>,
     doubleRange: CalendarDoubleRange,
 });