@up42/up-components 5.17.0 → 6.0.0

package/dist/cjs/types/components/FormDatePickers/FormDatePicker/FormDatePicker.d.ts

@@ -2,8 +2,8 @@ import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers-pro';
 import { Dayjs } from 'dayjs';
 import React from 'react';
 import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-export type DatePickerDateType = Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps = MuiDatePickerProps<DatePickerDateType>;
+export type FormDatePickerDateType = Date | Dayjs | null | undefined;
+type NonGenericMuiDatePickerProps = MuiDatePickerProps<FormDatePickerDateType>;
 export type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
 export declare const FormDatePicker: React.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/cjs/types/components/FormDatePickers/FormDateRangePicker/FormDateRangePicker.d.ts

@@ -1,23 +1,35 @@
-import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers-pro';
 import React from 'react';
-import type { MUIGlobalOmit } from '@global/utils/types';
-import { DatePickerDateType, FormDatePickerProps } from '../FormDatePicker/FormDatePicker';
-type NonGenericMuiDatePickerProps = MuiDatePickerProps<DatePickerDateType>;
-export type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePickerProps>, 'value' | 'onChange'> & {
-    start: DatePickerDateType;
-    onStartChange: (date: DatePickerDateType) => void;
-    end: DatePickerDateType;
-    onEndChange: (date: DatePickerDateType) => void;
-    label?: string;
-    startPickerProps?: {
-        slotProps: FormDatePickerProps['slotProps'];
-    };
-    endPickerProps?: {
-        slotProps: FormDatePickerProps['slotProps'];
-    };
+import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
+import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
+import { FormDatePickerDateType } from '../FormDatePicker/FormDatePicker';
+export type DateRange = {
+    start: FormDatePickerDateType;
+    end: FormDatePickerDateType;
 };
+export declare const DEFAULT_FORMAT = "YYYY\u2013MM\u2013DD";
+export type FormDateRangePickerProps = {
+    startLabel?: string;
+    startPlaceholder?: string;
+    endLabel?: string;
+    endPlaceholder?: string;
+    value: DateRange | null;
+    onChange?: (value: DateRange | null) => void;
+    disabled?: boolean;
+    /**
+     * Defines whether or not the user can input values and navigate in the calendars using the keyboard.
+     */
+    allowKeyboard?: boolean;
+    /**
+     * Defines the minimum number of days after the "start date" that the "end date" can be selected.
+     */
+    minEndDateOffset?: number;
+    /**
+     * Defines the maximum number of days after the "start date" that the "end date" can be selected.
+     */
+    maxEndDateOffset?: number;
+} & DatePickerWrapperProps & Omit<DateRangePickerProps<FormDatePickerDateType | Date>, 'value' | 'onChange'>;
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
+ * FormDateRangePicker allows users to choose two dates (start and end) using calendar view.
+ * Documentation: https://up-components.up42.com/?path=/docs-patterns-form-formdaterangepicker--docs
  */
-export declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React.JSX.Element;
-export {};
+export declare const FormDateRangePicker: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, startPlaceholder, endPlaceholder, format, ...props }: FormDateRangePickerProps) => React.JSX.Element;

package/dist/cjs/types/components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList.d.ts

@@ -1,36 +1,17 @@
 import React from 'react';
-import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-import { DatePickerDateType } from '../FormDatePicker/FormDatePicker';
-export type DateRange = {
-    start: DatePickerDateType | Date;
-    end: DatePickerDateType | Date;
-};
+import { FormDateRangePickerProps, DateRange } from '../FormDateRangePicker/FormDateRangePicker';
 export type FormDateRangePickerListProps = {
-    startLabel?: string;
-    endLabel?: string;
     value: DateRange[];
     onChange?: (value: DateRange[]) => void;
     disabled?: boolean;
-    /**
-     * Defines whether or not the user can input values and navigate in the calendars using the keyboard.
-     */
-    allowKeyboard?: boolean;
-    /**
-     * Defines the minimum number of days after the "start date" that the "end date" can be selected.
-     */
-    minEndDateOffset?: number;
-    /**
-     * Defines the maximum number of days after the "start date" that the "end date" can be selected.
-     */
-    maxEndDateOffset?: number;
     /**
      * Defines the text to display in the action button to add a new Date Range.
      * It defaults to "Add new date".
      */
     addButtonText?: string;
-} & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
+} & DatePickerWrapperProps & Omit<FormDateRangePickerProps, 'value' | 'onChange'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
  */
-export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;
+export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, disabled, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;

package/dist/cjs/types/index.d.ts

@@ -10,10 +10,10 @@ export { GridContainer, type GridContainerProps, GridItem, type GridItemProps }
 export { PageContainer, type PageContainerProps } from './components/PageContainer/PageContainer';
 export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
 export { FormCheckbox, type FormCheckboxProps } from './components/FormCheckbox/FormCheckbox';
-export { FormDatePicker, type FormDatePickerProps, type DatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
-export { FormDateRangePicker, type FormDateRangePickerProps, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
+export { FormDatePicker, type FormDatePickerProps, type FormDatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
+export { FormDateRangePicker, type FormDateRangePickerProps, type DateRange, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
 export { FormDateTimePicker, type FormDateTimePickerProps, } from './components/FormDatePickers/FormDateTimePicker/FormDateTimePicker';
-export { FormDateRangePickerList, type FormDateRangePickerListProps, type DateRange, } from './components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList';
+export { FormDateRangePickerList, type FormDateRangePickerListProps, } from './components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList';
 export { Radio, type RadioProps } from './components/Radio/Radio';
 export { FormRadio, type FormRadioProps } from './components/FormRadio/FormRadio';
 export { Switch, type SwitchProps } from './components/Switch/Switch';