@up42/up-components 5.12.0-date-pickers.0 → 5.12.0

package/dist/esm/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 FormDatePickerDateType = Date | Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps = MuiDatePickerProps<FormDatePickerDateType>;
+export type DatePickerDateType = Dayjs | null | undefined;
+type NonGenericMuiDatePickerProps = MuiDatePickerProps<DatePickerDateType>;
 export type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
 export declare const FormDatePicker: React.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,34 +1,23 @@
+import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers-pro';
 import React from 'react';
-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;
+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'];
+    };
 };
-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'>;
 /**
- * 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
+ * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
  */
-export declare const FormDateRangePicker: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, startPlaceholder, endPlaceholder, ...props }: FormDateRangePickerProps) => React.JSX.Element;
+export declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React.JSX.Element;
+export {};

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

@@ -1,17 +1,36 @@
 import React from 'react';
+import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-import { FormDateRangePickerProps, DateRange } from '../FormDateRangePicker/FormDateRangePicker';
+import { DatePickerDateType } from '../FormDatePicker/FormDatePicker';
+export type DateRange = {
+    start: DatePickerDateType | Date;
+    end: DatePickerDateType | Date;
+};
 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<FormDateRangePickerProps, 'value' | 'onChange'>;
+} & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
  */
-export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, disabled, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;
+export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;

package/dist/esm/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 FormDatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
-export { FormDateRangePicker, type FormDateRangePickerProps, type DateRange, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
+export { FormDatePicker, type FormDatePickerProps, type DatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
+export { FormDateRangePicker, type FormDateRangePickerProps, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
 export { FormDateTimePicker, type FormDateTimePickerProps, } from './components/FormDatePickers/FormDateTimePicker/FormDateTimePicker';
-export { FormDateRangePickerList, type FormDateRangePickerListProps, } from './components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList';
+export { FormDateRangePickerList, type FormDateRangePickerListProps, type DateRange, } 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';

package/dist/index.d.ts

@@ -177,22 +177,43 @@ type DatePickerWrapperProps = {
     helperText?: string;
 };
 
-type FormDatePickerDateType = Date | Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps = DatePickerProps<FormDatePickerDateType>;
-type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
-declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
+type DatePickerDateType = Dayjs | null | undefined;
+type NonGenericMuiDatePickerProps$1 = DatePickerProps<DatePickerDateType>;
+type FormDatePickerProps = NonGenericMuiDatePickerProps$1 & DatePickerWrapperProps;
+declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDatePickerProps$1 & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type NonGenericMuiDatePickerProps = DatePickerProps<DatePickerDateType>;
+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'];
+    };
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
+ */
+declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React__default.JSX.Element;
+
+type NonGenericMuiDateTimePickerProps = DateTimePickerProps<Dayjs | null | undefined>;
+type FormDateTimePickerProps = NonGenericMuiDateTimePickerProps & DatePickerWrapperProps;
+declare const FormDateTimePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDateTimePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type DateRange = {
-    start: FormDatePickerDateType;
-    end: FormDatePickerDateType;
+    start: DatePickerDateType | Date;
+    end: DatePickerDateType | Date;
 };
-type FormDateRangePickerProps = {
+type FormDateRangePickerListProps = {
     startLabel?: string;
-    startPlaceholder?: string;
     endLabel?: string;
-    endPlaceholder?: string;
-    value: DateRange | null;
-    onChange?: (value: DateRange | null) => void;
+    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.
@@ -206,31 +227,16 @@ type FormDateRangePickerProps = {
      * 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'>;
-/**
- * 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
- */
-declare const FormDateRangePicker: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, startPlaceholder, endPlaceholder, ...props }: FormDateRangePickerProps) => React__default.JSX.Element;
-
-type NonGenericMuiDateTimePickerProps = DateTimePickerProps<Dayjs | null | undefined>;
-type FormDateTimePickerProps = NonGenericMuiDateTimePickerProps & DatePickerWrapperProps;
-declare const FormDateTimePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDateTimePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
-
-type FormDateRangePickerListProps = {
-    value: DateRange[];
-    onChange?: (value: DateRange[]) => void;
-    disabled?: boolean;
     /**
      * 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<FormDateRangePickerProps, 'value' | 'onChange'>;
+} & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
  */
-declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, disabled, addButtonText, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
+declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, addButtonText, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
 
 type RadioProps = MUIGlobalOmit<RadioProps$1>;
 /**
@@ -5924,4 +5930,4 @@ type ContextState = {
 declare const useAlert: () => ContextState;
 
 export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, PageHeaderV2, Popover, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, generateQueryKey, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerDateType, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "5.12.0-date-pickers.0",
+  "version": "5.12.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -120,4 +120,4 @@
       "tmp": ">=0.2.4"
     }
   }
-}
+}