@salt-ds/lab 1.0.0-alpha.89 → 1.0.0-alpha.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +103 -0
- package/css/salt-lab.css +120 -643
- package/dist-cjs/calendar/index.js +61 -0
- package/dist-cjs/calendar/index.js.map +1 -0
- package/dist-cjs/content-status/ContentStatus.js +1 -1
- package/dist-cjs/content-status/ContentStatus.js.map +1 -1
- package/dist-cjs/date-input/index.js +23 -0
- package/dist-cjs/date-input/index.js.map +1 -0
- package/dist-cjs/date-picker/index.js +106 -0
- package/dist-cjs/date-picker/index.js.map +1 -0
- package/dist-cjs/index.js +58 -56
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/localization-provider/index.js +26 -0
- package/dist-cjs/localization-provider/index.js.map +1 -0
- package/dist-cjs/rating/Rating.css.js +1 -1
- package/dist-cjs/rating/Rating.js +11 -16
- package/dist-cjs/rating/Rating.js.map +1 -1
- package/dist-cjs/side-panel/SidePanel.css.js +6 -0
- package/dist-cjs/side-panel/SidePanel.css.js.map +1 -0
- package/dist-cjs/side-panel/SidePanel.js +156 -0
- package/dist-cjs/side-panel/SidePanel.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelContent.css.js +6 -0
- package/dist-cjs/side-panel/SidePanelContent.css.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelContent.js +86 -0
- package/dist-cjs/side-panel/SidePanelContent.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelHeader.css.js +6 -0
- package/dist-cjs/side-panel/SidePanelHeader.css.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelHeader.js +26 -0
- package/dist-cjs/side-panel/SidePanelHeader.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelProvider.js +71 -0
- package/dist-cjs/side-panel/SidePanelProvider.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelTitle.css.js +6 -0
- package/dist-cjs/side-panel/SidePanelTitle.css.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelTitle.js +47 -0
- package/dist-cjs/side-panel/SidePanelTitle.js.map +1 -0
- package/dist-cjs/side-panel/SidePanelTrigger.js +37 -0
- package/dist-cjs/side-panel/SidePanelTrigger.js.map +1 -0
- package/dist-cjs/side-panel/internal/SidePanelContext.js +31 -0
- package/dist-cjs/side-panel/internal/SidePanelContext.js.map +1 -0
- package/dist-cjs/side-panel/useSidePanel.js +41 -0
- package/dist-cjs/side-panel/useSidePanel.js.map +1 -0
- package/dist-cjs/utils/deprecatedExport.js +30 -0
- package/dist-cjs/utils/deprecatedExport.js.map +1 -0
- package/dist-es/calendar/index.js +50 -0
- package/dist-es/calendar/index.js.map +1 -0
- package/dist-es/content-status/ContentStatus.js +1 -1
- package/dist-es/content-status/ContentStatus.js.map +1 -1
- package/dist-es/date-input/index.js +20 -0
- package/dist-es/date-input/index.js.map +1 -0
- package/dist-es/date-picker/index.js +85 -0
- package/dist-es/date-picker/index.js.map +1 -0
- package/dist-es/index.js +12 -23
- package/dist-es/index.js.map +1 -1
- package/dist-es/localization-provider/index.js +20 -0
- package/dist-es/localization-provider/index.js.map +1 -0
- package/dist-es/rating/Rating.css.js +1 -1
- package/dist-es/rating/Rating.js +13 -18
- package/dist-es/rating/Rating.js.map +1 -1
- package/dist-es/side-panel/SidePanel.css.js +4 -0
- package/dist-es/side-panel/SidePanel.css.js.map +1 -0
- package/dist-es/side-panel/SidePanel.js +154 -0
- package/dist-es/side-panel/SidePanel.js.map +1 -0
- package/dist-es/side-panel/SidePanelContent.css.js +4 -0
- package/dist-es/side-panel/SidePanelContent.css.js.map +1 -0
- package/dist-es/side-panel/SidePanelContent.js +84 -0
- package/dist-es/side-panel/SidePanelContent.js.map +1 -0
- package/dist-es/side-panel/SidePanelHeader.css.js +4 -0
- package/dist-es/side-panel/SidePanelHeader.css.js.map +1 -0
- package/dist-es/side-panel/SidePanelHeader.js +24 -0
- package/dist-es/side-panel/SidePanelHeader.js.map +1 -0
- package/dist-es/side-panel/SidePanelProvider.js +69 -0
- package/dist-es/side-panel/SidePanelProvider.js.map +1 -0
- package/dist-es/side-panel/SidePanelTitle.css.js +4 -0
- package/dist-es/side-panel/SidePanelTitle.css.js.map +1 -0
- package/dist-es/side-panel/SidePanelTitle.js +45 -0
- package/dist-es/side-panel/SidePanelTitle.js.map +1 -0
- package/dist-es/side-panel/SidePanelTrigger.js +35 -0
- package/dist-es/side-panel/SidePanelTrigger.js.map +1 -0
- package/dist-es/side-panel/internal/SidePanelContext.js +28 -0
- package/dist-es/side-panel/internal/SidePanelContext.js.map +1 -0
- package/dist-es/side-panel/useSidePanel.js +39 -0
- package/dist-es/side-panel/useSidePanel.js.map +1 -0
- package/dist-es/utils/deprecatedExport.js +27 -0
- package/dist-es/utils/deprecatedExport.js.map +1 -0
- package/dist-types/calendar/index.d.ts +13 -8
- package/dist-types/date-input/index.d.ts +3 -2
- package/dist-types/index.d.ts +1 -0
- package/dist-types/localization-provider/index.d.ts +9 -1
- package/dist-types/rating/Rating.d.ts +1 -2
- package/dist-types/side-panel/SidePanel.d.ts +27 -0
- package/dist-types/side-panel/SidePanelContent.d.ts +4 -0
- package/dist-types/side-panel/SidePanelHeader.d.ts +4 -0
- package/dist-types/side-panel/SidePanelProvider.d.ts +20 -0
- package/dist-types/side-panel/SidePanelTitle.d.ts +4 -0
- package/dist-types/side-panel/SidePanelTrigger.d.ts +5 -0
- package/dist-types/side-panel/index.d.ts +7 -0
- package/dist-types/side-panel/internal/SidePanelContext.d.ts +48 -0
- package/dist-types/side-panel/internal/index.d.ts +1 -0
- package/dist-types/side-panel/useSidePanel.d.ts +32 -0
- package/dist-types/utils/deprecatedExport.d.ts +11 -0
- package/package.json +5 -12
- package/dist-cjs/calendar/Calendar.css.js +0 -6
- package/dist-cjs/calendar/Calendar.css.js.map +0 -1
- package/dist-cjs/calendar/Calendar.js +0 -152
- package/dist-cjs/calendar/Calendar.js.map +0 -1
- package/dist-cjs/calendar/CalendarGrid.js +0 -85
- package/dist-cjs/calendar/CalendarGrid.js.map +0 -1
- package/dist-cjs/calendar/CalendarMonthHeader.css.js +0 -6
- package/dist-cjs/calendar/CalendarMonthHeader.css.js.map +0 -1
- package/dist-cjs/calendar/CalendarMonthHeader.js +0 -48
- package/dist-cjs/calendar/CalendarMonthHeader.js.map +0 -1
- package/dist-cjs/calendar/CalendarNavigation.css.js +0 -6
- package/dist-cjs/calendar/CalendarNavigation.css.js.map +0 -1
- package/dist-cjs/calendar/CalendarNavigation.js +0 -337
- package/dist-cjs/calendar/CalendarNavigation.js.map +0 -1
- package/dist-cjs/calendar/CalendarWeekHeader.css.js +0 -6
- package/dist-cjs/calendar/CalendarWeekHeader.css.js.map +0 -1
- package/dist-cjs/calendar/CalendarWeekHeader.js +0 -46
- package/dist-cjs/calendar/CalendarWeekHeader.js.map +0 -1
- package/dist-cjs/calendar/internal/CalendarContext.js +0 -25
- package/dist-cjs/calendar/internal/CalendarContext.js.map +0 -1
- package/dist-cjs/calendar/internal/CalendarDay.css.js +0 -6
- package/dist-cjs/calendar/internal/CalendarDay.css.js.map +0 -1
- package/dist-cjs/calendar/internal/CalendarDay.js +0 -97
- package/dist-cjs/calendar/internal/CalendarDay.js.map +0 -1
- package/dist-cjs/calendar/internal/CalendarMonth.css.js +0 -6
- package/dist-cjs/calendar/internal/CalendarMonth.css.js.map +0 -1
- package/dist-cjs/calendar/internal/CalendarMonth.js +0 -76
- package/dist-cjs/calendar/internal/CalendarMonth.js.map +0 -1
- package/dist-cjs/calendar/internal/useFocusManagement.js +0 -68
- package/dist-cjs/calendar/internal/useFocusManagement.js.map +0 -1
- package/dist-cjs/calendar/internal/utils.js +0 -50
- package/dist-cjs/calendar/internal/utils.js.map +0 -1
- package/dist-cjs/calendar/useCalendar.js +0 -183
- package/dist-cjs/calendar/useCalendar.js.map +0 -1
- package/dist-cjs/calendar/useCalendarDay.js +0 -85
- package/dist-cjs/calendar/useCalendarDay.js.map +0 -1
- package/dist-cjs/calendar/useCalendarSelection.js +0 -604
- package/dist-cjs/calendar/useCalendarSelection.js.map +0 -1
- package/dist-cjs/date-input/DateInput.css.js +0 -6
- package/dist-cjs/date-input/DateInput.css.js.map +0 -1
- package/dist-cjs/date-input/DateInputRange.js +0 -352
- package/dist-cjs/date-input/DateInputRange.js.map +0 -1
- package/dist-cjs/date-input/DateInputSingle.js +0 -234
- package/dist-cjs/date-input/DateInputSingle.js.map +0 -1
- package/dist-cjs/date-picker/DatePicker.js +0 -75
- package/dist-cjs/date-picker/DatePicker.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerActions.css.js +0 -6
- package/dist-cjs/date-picker/DatePickerActions.css.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerActions.js +0 -91
- package/dist-cjs/date-picker/DatePickerActions.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerContext.js +0 -36
- package/dist-cjs/date-picker/DatePickerContext.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerHelperText.css.js +0 -6
- package/dist-cjs/date-picker/DatePickerHelperText.css.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerHelperText.js +0 -36
- package/dist-cjs/date-picker/DatePickerHelperText.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerOverlay.css.js +0 -6
- package/dist-cjs/date-picker/DatePickerOverlay.css.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerOverlay.js +0 -48
- package/dist-cjs/date-picker/DatePickerOverlay.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerOverlayProvider.js +0 -166
- package/dist-cjs/date-picker/DatePickerOverlayProvider.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerPanel.css.js +0 -6
- package/dist-cjs/date-picker/DatePickerPanel.css.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerRangeGridPanel.js +0 -246
- package/dist-cjs/date-picker/DatePickerRangeGridPanel.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerRangeInput.js +0 -202
- package/dist-cjs/date-picker/DatePickerRangeInput.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerRangePanel.js +0 -355
- package/dist-cjs/date-picker/DatePickerRangePanel.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerSingleGridPanel.js +0 -253
- package/dist-cjs/date-picker/DatePickerSingleGridPanel.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerSingleInput.js +0 -148
- package/dist-cjs/date-picker/DatePickerSingleInput.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerSinglePanel.js +0 -20
- package/dist-cjs/date-picker/DatePickerSinglePanel.js.map +0 -1
- package/dist-cjs/date-picker/DatePickerTrigger.js +0 -32
- package/dist-cjs/date-picker/DatePickerTrigger.js.map +0 -1
- package/dist-cjs/date-picker/useDatePicker.js +0 -201
- package/dist-cjs/date-picker/useDatePicker.js.map +0 -1
- package/dist-cjs/date-picker/useFocusOut.js +0 -43
- package/dist-cjs/date-picker/useFocusOut.js.map +0 -1
- package/dist-cjs/date-picker/useKeyboard.js +0 -22
- package/dist-cjs/date-picker/useKeyboard.js.map +0 -1
- package/dist-cjs/localization-provider/LocalizationProvider.js +0 -51
- package/dist-cjs/localization-provider/LocalizationProvider.js.map +0 -1
- package/dist-es/calendar/Calendar.css.js +0 -4
- package/dist-es/calendar/Calendar.css.js.map +0 -1
- package/dist-es/calendar/Calendar.js +0 -150
- package/dist-es/calendar/Calendar.js.map +0 -1
- package/dist-es/calendar/CalendarGrid.js +0 -83
- package/dist-es/calendar/CalendarGrid.js.map +0 -1
- package/dist-es/calendar/CalendarMonthHeader.css.js +0 -4
- package/dist-es/calendar/CalendarMonthHeader.css.js.map +0 -1
- package/dist-es/calendar/CalendarMonthHeader.js +0 -46
- package/dist-es/calendar/CalendarMonthHeader.js.map +0 -1
- package/dist-es/calendar/CalendarNavigation.css.js +0 -4
- package/dist-es/calendar/CalendarNavigation.css.js.map +0 -1
- package/dist-es/calendar/CalendarNavigation.js +0 -335
- package/dist-es/calendar/CalendarNavigation.js.map +0 -1
- package/dist-es/calendar/CalendarWeekHeader.css.js +0 -4
- package/dist-es/calendar/CalendarWeekHeader.css.js.map +0 -1
- package/dist-es/calendar/CalendarWeekHeader.js +0 -44
- package/dist-es/calendar/CalendarWeekHeader.js.map +0 -1
- package/dist-es/calendar/internal/CalendarContext.js +0 -22
- package/dist-es/calendar/internal/CalendarContext.js.map +0 -1
- package/dist-es/calendar/internal/CalendarDay.css.js +0 -4
- package/dist-es/calendar/internal/CalendarDay.css.js.map +0 -1
- package/dist-es/calendar/internal/CalendarDay.js +0 -95
- package/dist-es/calendar/internal/CalendarDay.js.map +0 -1
- package/dist-es/calendar/internal/CalendarMonth.css.js +0 -4
- package/dist-es/calendar/internal/CalendarMonth.css.js.map +0 -1
- package/dist-es/calendar/internal/CalendarMonth.js +0 -74
- package/dist-es/calendar/internal/CalendarMonth.js.map +0 -1
- package/dist-es/calendar/internal/useFocusManagement.js +0 -66
- package/dist-es/calendar/internal/useFocusManagement.js.map +0 -1
- package/dist-es/calendar/internal/utils.js +0 -44
- package/dist-es/calendar/internal/utils.js.map +0 -1
- package/dist-es/calendar/useCalendar.js +0 -181
- package/dist-es/calendar/useCalendar.js.map +0 -1
- package/dist-es/calendar/useCalendarDay.js +0 -83
- package/dist-es/calendar/useCalendarDay.js.map +0 -1
- package/dist-es/calendar/useCalendarSelection.js +0 -600
- package/dist-es/calendar/useCalendarSelection.js.map +0 -1
- package/dist-es/date-input/DateInput.css.js +0 -4
- package/dist-es/date-input/DateInput.css.js.map +0 -1
- package/dist-es/date-input/DateInputRange.js +0 -349
- package/dist-es/date-input/DateInputRange.js.map +0 -1
- package/dist-es/date-input/DateInputSingle.js +0 -232
- package/dist-es/date-input/DateInputSingle.js.map +0 -1
- package/dist-es/date-picker/DatePicker.js +0 -72
- package/dist-es/date-picker/DatePicker.js.map +0 -1
- package/dist-es/date-picker/DatePickerActions.css.js +0 -4
- package/dist-es/date-picker/DatePickerActions.css.js.map +0 -1
- package/dist-es/date-picker/DatePickerActions.js +0 -89
- package/dist-es/date-picker/DatePickerActions.js.map +0 -1
- package/dist-es/date-picker/DatePickerContext.js +0 -32
- package/dist-es/date-picker/DatePickerContext.js.map +0 -1
- package/dist-es/date-picker/DatePickerHelperText.css.js +0 -4
- package/dist-es/date-picker/DatePickerHelperText.css.js.map +0 -1
- package/dist-es/date-picker/DatePickerHelperText.js +0 -34
- package/dist-es/date-picker/DatePickerHelperText.js.map +0 -1
- package/dist-es/date-picker/DatePickerOverlay.css.js +0 -4
- package/dist-es/date-picker/DatePickerOverlay.css.js.map +0 -1
- package/dist-es/date-picker/DatePickerOverlay.js +0 -46
- package/dist-es/date-picker/DatePickerOverlay.js.map +0 -1
- package/dist-es/date-picker/DatePickerOverlayProvider.js +0 -163
- package/dist-es/date-picker/DatePickerOverlayProvider.js.map +0 -1
- package/dist-es/date-picker/DatePickerPanel.css.js +0 -4
- package/dist-es/date-picker/DatePickerPanel.css.js.map +0 -1
- package/dist-es/date-picker/DatePickerRangeGridPanel.js +0 -244
- package/dist-es/date-picker/DatePickerRangeGridPanel.js.map +0 -1
- package/dist-es/date-picker/DatePickerRangeInput.js +0 -199
- package/dist-es/date-picker/DatePickerRangeInput.js.map +0 -1
- package/dist-es/date-picker/DatePickerRangePanel.js +0 -353
- package/dist-es/date-picker/DatePickerRangePanel.js.map +0 -1
- package/dist-es/date-picker/DatePickerSingleGridPanel.js +0 -251
- package/dist-es/date-picker/DatePickerSingleGridPanel.js.map +0 -1
- package/dist-es/date-picker/DatePickerSingleInput.js +0 -146
- package/dist-es/date-picker/DatePickerSingleInput.js.map +0 -1
- package/dist-es/date-picker/DatePickerSinglePanel.js +0 -18
- package/dist-es/date-picker/DatePickerSinglePanel.js.map +0 -1
- package/dist-es/date-picker/DatePickerTrigger.js +0 -30
- package/dist-es/date-picker/DatePickerTrigger.js.map +0 -1
- package/dist-es/date-picker/useDatePicker.js +0 -199
- package/dist-es/date-picker/useDatePicker.js.map +0 -1
- package/dist-es/date-picker/useFocusOut.js +0 -41
- package/dist-es/date-picker/useFocusOut.js.map +0 -1
- package/dist-es/date-picker/useKeyboard.js +0 -20
- package/dist-es/date-picker/useKeyboard.js.map +0 -1
- package/dist-es/localization-provider/LocalizationProvider.js +0 -47
- package/dist-es/localization-provider/LocalizationProvider.js.map +0 -1
- package/dist-types/calendar/Calendar.d.ts +0 -116
- package/dist-types/calendar/CalendarGrid.d.ts +0 -29
- package/dist-types/calendar/CalendarMonthHeader.d.ts +0 -18
- package/dist-types/calendar/CalendarNavigation.d.ts +0 -64
- package/dist-types/calendar/CalendarWeekHeader.d.ts +0 -6
- package/dist-types/calendar/internal/CalendarContext.d.ts +0 -7
- package/dist-types/calendar/internal/CalendarDay.d.ts +0 -32
- package/dist-types/calendar/internal/CalendarMonth.d.ts +0 -13
- package/dist-types/calendar/internal/useFocusManagement.d.ts +0 -9
- package/dist-types/calendar/internal/utils.d.ts +0 -6
- package/dist-types/calendar/useCalendar.d.ts +0 -294
- package/dist-types/calendar/useCalendarDay.d.ts +0 -56
- package/dist-types/calendar/useCalendarSelection.d.ts +0 -365
- package/dist-types/date-input/DateInputRange.d.ts +0 -136
- package/dist-types/date-input/DateInputSingle.d.ts +0 -104
- package/dist-types/date-picker/DatePicker.d.ts +0 -55
- package/dist-types/date-picker/DatePickerActions.d.ts +0 -81
- package/dist-types/date-picker/DatePickerContext.d.ts +0 -188
- package/dist-types/date-picker/DatePickerHelperText.d.ts +0 -4
- package/dist-types/date-picker/DatePickerOverlay.d.ts +0 -11
- package/dist-types/date-picker/DatePickerOverlayProvider.d.ts +0 -102
- package/dist-types/date-picker/DatePickerRangeGridPanel.d.ts +0 -16
- package/dist-types/date-picker/DatePickerRangeInput.d.ts +0 -18
- package/dist-types/date-picker/DatePickerRangePanel.d.ts +0 -84
- package/dist-types/date-picker/DatePickerSingleGridPanel.d.ts +0 -64
- package/dist-types/date-picker/DatePickerSingleInput.d.ts +0 -17
- package/dist-types/date-picker/DatePickerSinglePanel.d.ts +0 -8
- package/dist-types/date-picker/DatePickerTrigger.d.ts +0 -9
- package/dist-types/date-picker/index.d.ts +0 -13
- package/dist-types/date-picker/useDatePicker.d.ts +0 -119
- package/dist-types/date-picker/useFocusOut.d.ts +0 -9
- package/dist-types/date-picker/useKeyboard.d.ts +0 -20
- package/dist-types/localization-provider/LocalizationProvider.d.ts +0 -62
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { type ButtonProps } from "@salt-ds/core";
|
|
2
|
-
import { type ComponentPropsWithoutRef, type Ref, type SyntheticEvent } from "react";
|
|
3
|
-
import type { DateRangeSelection, SingleDateSelection } from "../calendar";
|
|
4
|
-
import "./DatePickerActions.css";
|
|
5
|
-
import type { DateFrameworkType } from "@salt-ds/date-adapters";
|
|
6
|
-
/**
|
|
7
|
-
* Base props for DatePicker actions component.
|
|
8
|
-
*/
|
|
9
|
-
export interface DatePickerActionsBaseProps extends ComponentPropsWithoutRef<"div"> {
|
|
10
|
-
/**
|
|
11
|
-
* Callback fired when the cancel action is triggered.
|
|
12
|
-
* @param _event - The synthetic event.
|
|
13
|
-
*/
|
|
14
|
-
onCancel?: (_event: SyntheticEvent) => void;
|
|
15
|
-
/**
|
|
16
|
-
* Ref to apply button
|
|
17
|
-
*/
|
|
18
|
-
applyButtonRef?: Ref<HTMLButtonElement>;
|
|
19
|
-
/**
|
|
20
|
-
* Props for the apply button.
|
|
21
|
-
*/
|
|
22
|
-
ApplyButtonProps?: ButtonProps;
|
|
23
|
-
/**
|
|
24
|
-
* Props for the cancel button.
|
|
25
|
-
*/
|
|
26
|
-
CancelButtonProps?: ButtonProps;
|
|
27
|
-
/**
|
|
28
|
-
* Ref to cancel button
|
|
29
|
-
*/
|
|
30
|
-
cancelButtonRef?: Ref<HTMLButtonElement>;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Props for the DatePicker actions component.
|
|
34
|
-
* @template SelectionVariant - The selection variant, either "single" or "range".
|
|
35
|
-
*/
|
|
36
|
-
export type DatePickerActionsProps<TDate extends DateFrameworkType, SelectionVariant extends "single" | "range"> = SelectionVariant extends "single" ? DatePickerActionsBaseProps & {
|
|
37
|
-
/**
|
|
38
|
-
* The selection variant, set to "single".
|
|
39
|
-
*/
|
|
40
|
-
selectionVariant: "single";
|
|
41
|
-
/**
|
|
42
|
-
* Callback fired when the apply action is triggered.
|
|
43
|
-
* @param _event - The synthetic event.
|
|
44
|
-
* @param date - The selected single date or null.
|
|
45
|
-
*/
|
|
46
|
-
onApply?: (_event: SyntheticEvent, date: SingleDateSelection<TDate> | null) => void;
|
|
47
|
-
} : DatePickerActionsBaseProps & {
|
|
48
|
-
/**
|
|
49
|
-
* The selection variant, set to "range".
|
|
50
|
-
*/
|
|
51
|
-
selectionVariant: "range";
|
|
52
|
-
/**
|
|
53
|
-
* Callback fired when the apply action is triggered.
|
|
54
|
-
* @param _event - The synthetic event.
|
|
55
|
-
* @param date - The selected date range or null.
|
|
56
|
-
*/
|
|
57
|
-
onApply?: (_event: SyntheticEvent, date: DateRangeSelection<TDate> | null) => void;
|
|
58
|
-
};
|
|
59
|
-
export declare const DatePickerActions: import("react").ForwardRefExoticComponent<((DatePickerActionsBaseProps & {
|
|
60
|
-
/**
|
|
61
|
-
* The selection variant, set to "range".
|
|
62
|
-
*/
|
|
63
|
-
selectionVariant: "range";
|
|
64
|
-
/**
|
|
65
|
-
* Callback fired when the apply action is triggered.
|
|
66
|
-
* @param _event - The synthetic event.
|
|
67
|
-
* @param date - The selected date range or null.
|
|
68
|
-
*/
|
|
69
|
-
onApply?: ((_event: SyntheticEvent, date: DateRangeSelection<unknown> | null) => void) | undefined;
|
|
70
|
-
}) | (DatePickerActionsBaseProps & {
|
|
71
|
-
/**
|
|
72
|
-
* The selection variant, set to "single".
|
|
73
|
-
*/
|
|
74
|
-
selectionVariant: "single";
|
|
75
|
-
/**
|
|
76
|
-
* Callback fired when the apply action is triggered.
|
|
77
|
-
* @param _event - The synthetic event.
|
|
78
|
-
* @param date - The selected single date or null.
|
|
79
|
-
*/
|
|
80
|
-
onApply?: ((_event: SyntheticEvent, date: unknown) => void) | undefined;
|
|
81
|
-
})) & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
|
|
2
|
-
import { type Context, type Ref, type SyntheticEvent } from "react";
|
|
3
|
-
import type { DateRangeSelection, SingleDateSelection } from "../calendar";
|
|
4
|
-
import type { DateInputRangeDetails, DateInputSingleDetails } from "../date-input";
|
|
5
|
-
/**
|
|
6
|
-
* Interface representing the base state for a DatePicker.
|
|
7
|
-
* @template TDate - The type of the date object.
|
|
8
|
-
*/
|
|
9
|
-
interface DatePickerBaseState<TDate extends DateFrameworkType> {
|
|
10
|
-
/**
|
|
11
|
-
* The state properties of the DatePicker.
|
|
12
|
-
*/
|
|
13
|
-
state: {
|
|
14
|
-
/**
|
|
15
|
-
* If `true`, the DatePicker is disabled.
|
|
16
|
-
*/
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* If `true`, the DatePicker is read-only.
|
|
20
|
-
*/
|
|
21
|
-
readOnly?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* If `true`, the DatePicker has been cancelled.
|
|
24
|
-
*/
|
|
25
|
-
cancelled?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* If `true`, the apply action is enabled.
|
|
28
|
-
*/
|
|
29
|
-
enableApply?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* The minimum selectable date.
|
|
32
|
-
*/
|
|
33
|
-
minDate?: TDate;
|
|
34
|
-
/**
|
|
35
|
-
* The maximum selectable date.
|
|
36
|
-
*/
|
|
37
|
-
maxDate?: TDate;
|
|
38
|
-
/**
|
|
39
|
-
* Reference to the container element.
|
|
40
|
-
*/
|
|
41
|
-
containerRef: Ref<HTMLDivElement>;
|
|
42
|
-
/**
|
|
43
|
-
* Specifies the timezone behavior:
|
|
44
|
-
* - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.
|
|
45
|
-
* - If set to "default", the default timezone of the date library will be used.
|
|
46
|
-
* - If set to "system", the local system's timezone will be applied.
|
|
47
|
-
* - If set to "UTC", the time will be returned in UTC.
|
|
48
|
-
* - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
|
|
49
|
-
*/
|
|
50
|
-
timezone?: Timezone;
|
|
51
|
-
};
|
|
52
|
-
/**
|
|
53
|
-
* Helper functions for managing the DatePicker state.
|
|
54
|
-
*/
|
|
55
|
-
helpers: {
|
|
56
|
-
/**
|
|
57
|
-
* Cancels the DatePicker action.
|
|
58
|
-
* @param event - event that triggered the state change
|
|
59
|
-
*/
|
|
60
|
-
cancel: (event?: Event) => void;
|
|
61
|
-
/**
|
|
62
|
-
* Function to determine if a day is highlighted.
|
|
63
|
-
* @param date - The date to check.
|
|
64
|
-
* @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.
|
|
65
|
-
*/
|
|
66
|
-
isDayHighlighted?: (date: TDate) => string | false | undefined;
|
|
67
|
-
/**
|
|
68
|
-
* Function to determine if a day is unselectable.
|
|
69
|
-
* @param date - The date to check.
|
|
70
|
-
* @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.
|
|
71
|
-
*/
|
|
72
|
-
isDayUnselectable?: (date: TDate) => string | false | undefined;
|
|
73
|
-
/**
|
|
74
|
-
* Sets the enableApply state.
|
|
75
|
-
* @param newEnableApply - The new value for enableApply.
|
|
76
|
-
*/
|
|
77
|
-
setEnableApply: (newEnableApply: boolean) => void;
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* Interface representing the state for a single date picker.
|
|
82
|
-
*/
|
|
83
|
-
export interface SingleDatePickerState<TDate extends DateFrameworkType> extends DatePickerBaseState<TDate> {
|
|
84
|
-
/**
|
|
85
|
-
* The state properties of the single date picker.
|
|
86
|
-
*/
|
|
87
|
-
state: DatePickerBaseState<TDate>["state"] & {
|
|
88
|
-
/**
|
|
89
|
-
* The selected date.
|
|
90
|
-
*/
|
|
91
|
-
selectedDate: SingleDateSelection<TDate> | null;
|
|
92
|
-
/**
|
|
93
|
-
* The default selected date.
|
|
94
|
-
*/
|
|
95
|
-
defaultSelectedDate?: SingleDateSelection<TDate>;
|
|
96
|
-
};
|
|
97
|
-
/**
|
|
98
|
-
* Helper functions for managing the single date picker state.
|
|
99
|
-
*/
|
|
100
|
-
helpers: DatePickerBaseState<TDate>["helpers"] & {
|
|
101
|
-
/**
|
|
102
|
-
* Apply the selected single date.
|
|
103
|
-
* @param event - The synthetic event.
|
|
104
|
-
* @param date - The new applied date.
|
|
105
|
-
*/
|
|
106
|
-
apply: (event: SyntheticEvent, date: SingleDateSelection<TDate> | null) => void;
|
|
107
|
-
/**
|
|
108
|
-
* Select a single date.
|
|
109
|
-
* @param event - The synthetic event.
|
|
110
|
-
* @param date - The selected date or null.
|
|
111
|
-
* @param details - Details of selection, such as errors and original value.
|
|
112
|
-
*/
|
|
113
|
-
select: (event: SyntheticEvent, date: SingleDateSelection<TDate> | null, details?: DateInputSingleDetails) => void;
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
/**
|
|
117
|
-
* Interface representing the state for a range date picker.
|
|
118
|
-
*/
|
|
119
|
-
export interface RangeDatePickerState<TDate extends DateFrameworkType> extends DatePickerBaseState<TDate> {
|
|
120
|
-
/**
|
|
121
|
-
* The state properties of the range date picker.
|
|
122
|
-
*/
|
|
123
|
-
state: DatePickerBaseState<TDate>["state"] & {
|
|
124
|
-
/**
|
|
125
|
-
* The selected date range.
|
|
126
|
-
*/
|
|
127
|
-
selectedDate: DateRangeSelection<TDate> | null;
|
|
128
|
-
/**
|
|
129
|
-
* The default selected date range.
|
|
130
|
-
*/
|
|
131
|
-
defaultSelectedDate?: DateRangeSelection<TDate>;
|
|
132
|
-
};
|
|
133
|
-
/**
|
|
134
|
-
* Helper functions for managing the range date picker state.
|
|
135
|
-
*/
|
|
136
|
-
helpers: DatePickerBaseState<TDate>["helpers"] & {
|
|
137
|
-
/**
|
|
138
|
-
* Apply the selected date range.
|
|
139
|
-
* @param event - The synthetic event.
|
|
140
|
-
* @param date - The new applied date range
|
|
141
|
-
*/
|
|
142
|
-
apply: (event: SyntheticEvent, date: DateRangeSelection<TDate> | null) => void;
|
|
143
|
-
/**
|
|
144
|
-
* Select a date range.
|
|
145
|
-
* @param event - The synthetic event.
|
|
146
|
-
* @param date - The selected date.
|
|
147
|
-
* @param details - Details of selection, such as errors and original value. */
|
|
148
|
-
select: (event: SyntheticEvent, date: DateRangeSelection<TDate> | null, details?: DateInputRangeDetails) => void;
|
|
149
|
-
};
|
|
150
|
-
}
|
|
151
|
-
/**
|
|
152
|
-
* Type representing the state of a date picker, either single or range.
|
|
153
|
-
*/
|
|
154
|
-
export type DatePickerState<TDate extends DateFrameworkType> = SingleDatePickerState<TDate> | RangeDatePickerState<TDate>;
|
|
155
|
-
/**
|
|
156
|
-
* Context for single date selection.
|
|
157
|
-
*/
|
|
158
|
-
export declare const SingleDateSelectionContext: Context<SingleDatePickerState<any> | undefined>;
|
|
159
|
-
/**
|
|
160
|
-
* Context for date range selection.
|
|
161
|
-
*/
|
|
162
|
-
export declare const DateRangeSelectionContext: Context<RangeDatePickerState<any> | undefined>;
|
|
163
|
-
/**
|
|
164
|
-
* Props for using the date picker context.
|
|
165
|
-
*/
|
|
166
|
-
export interface UseDatePickerContextProps {
|
|
167
|
-
/**
|
|
168
|
-
* The selection variant, either "single" or "range".
|
|
169
|
-
*/
|
|
170
|
-
selectionVariant: "single" | "range";
|
|
171
|
-
}
|
|
172
|
-
/**
|
|
173
|
-
* Hook to use the date picker context for single date selection.
|
|
174
|
-
* @param props - The props for the hook.
|
|
175
|
-
* @returns The state of the single date picker.
|
|
176
|
-
*/
|
|
177
|
-
export declare function useDatePickerContext<TDate extends DateFrameworkType>(props: {
|
|
178
|
-
selectionVariant: "single";
|
|
179
|
-
}): SingleDatePickerState<TDate>;
|
|
180
|
-
/**
|
|
181
|
-
* Hook to use the date picker context for range date selection.
|
|
182
|
-
* @param props - The props for the hook.
|
|
183
|
-
* @returns The state of the range date picker.
|
|
184
|
-
*/
|
|
185
|
-
export declare function useDatePickerContext<TDate extends DateFrameworkType>(props: {
|
|
186
|
-
selectionVariant: "range";
|
|
187
|
-
}): RangeDatePickerState<TDate>;
|
|
188
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { type FormFieldHelperTextProps } from "@salt-ds/core";
|
|
2
|
-
export interface DatePickerHelperTextProps extends FormFieldHelperTextProps {
|
|
3
|
-
}
|
|
4
|
-
export declare const DatePickerHelperText: import("react").ForwardRefExoticComponent<Omit<DatePickerHelperTextProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type ComponentPropsWithoutRef, type ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Props for the DatePickerOverlay component.
|
|
4
|
-
*/
|
|
5
|
-
export interface DatePickerOverlayProps extends ComponentPropsWithoutRef<"div"> {
|
|
6
|
-
/**
|
|
7
|
-
* The content to be rendered inside the overlay.
|
|
8
|
-
*/
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
export declare const DatePickerOverlay: import("react").ForwardRefExoticComponent<DatePickerOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { type ElementProps, type FloatingContext, type OpenChangeReason as FloatingUIOpenChangeReason, useInteractions } from "@floating-ui/react";
|
|
2
|
-
import { useFloatingUI } from "@salt-ds/core";
|
|
3
|
-
import { type ReactNode } from "react";
|
|
4
|
-
/** Reason for overlay state change, can be a custom reason */
|
|
5
|
-
export type DatePickerOpenChangeReason = FloatingUIOpenChangeReason | "apply" | "cancel" | string;
|
|
6
|
-
/**
|
|
7
|
-
* Interface representing the state for a DatePicker overlay.
|
|
8
|
-
*/
|
|
9
|
-
interface DatePickerOverlayState {
|
|
10
|
-
/**
|
|
11
|
-
* If `true`, the overlay is open.
|
|
12
|
-
*/
|
|
13
|
-
open: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* If `true`, the overlay contains the active element
|
|
16
|
-
*/
|
|
17
|
-
focused: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* The result of the floating UI calculations.
|
|
20
|
-
*/
|
|
21
|
-
floatingUIResult: ReturnType<typeof useFloatingUI>;
|
|
22
|
-
/**
|
|
23
|
-
* Ref to attach to the initially focused element, when the overlay is opened.
|
|
24
|
-
*/
|
|
25
|
-
initialFocusRef?: React.MutableRefObject<HTMLElement | null>;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Interface representing the helper functions for a DatePicker overlay.
|
|
29
|
-
*/
|
|
30
|
-
interface DatePickerOverlayHelpers {
|
|
31
|
-
/**
|
|
32
|
-
* Function to get the props for the floating element.
|
|
33
|
-
*/
|
|
34
|
-
getFloatingProps: ReturnType<typeof useInteractions>["getFloatingProps"];
|
|
35
|
-
/**
|
|
36
|
-
* Function to get the props for the reference element.
|
|
37
|
-
*/
|
|
38
|
-
getReferenceProps: ReturnType<typeof useInteractions>["getReferenceProps"];
|
|
39
|
-
/**
|
|
40
|
-
* Sets the open state of the overlay.
|
|
41
|
-
* @param newOpen - The new value for the open state.
|
|
42
|
-
* @param event - event that triggered the state change
|
|
43
|
-
* @param reason - reason for the the state change
|
|
44
|
-
*/
|
|
45
|
-
setOpen: (newOpen: boolean, event?: Event, reason?: DatePickerOpenChangeReason) => void;
|
|
46
|
-
/**~
|
|
47
|
-
* Register a callback for when onDismiss is called
|
|
48
|
-
* @param onDismissCallback
|
|
49
|
-
*/
|
|
50
|
-
setOnDismiss: (onDismissCallback: (event?: Event) => void) => void;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* Interface representing the context type for a DatePicker overlay.
|
|
54
|
-
*/
|
|
55
|
-
interface DatePickerOverlayContextType {
|
|
56
|
-
/**
|
|
57
|
-
* The state of the DatePicker overlay.
|
|
58
|
-
*/
|
|
59
|
-
state: DatePickerOverlayState;
|
|
60
|
-
/**
|
|
61
|
-
* The helper functions for the DatePicker overlay.
|
|
62
|
-
*/
|
|
63
|
-
helpers: DatePickerOverlayHelpers;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Props for the DatePickerOverlayProvider component.
|
|
67
|
-
*/
|
|
68
|
-
interface DatePickerOverlayProviderProps {
|
|
69
|
-
/**
|
|
70
|
-
* If `true`, the overlay is open.
|
|
71
|
-
*/
|
|
72
|
-
open?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* When `open` is uncontrolled, set this to `true` to open on click
|
|
75
|
-
*/
|
|
76
|
-
openOnClick?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Handler for when open state changes
|
|
79
|
-
* @param newOpen - true when opened
|
|
80
|
-
* @param reason - reason for the the state change
|
|
81
|
-
*/
|
|
82
|
-
onOpenChange?: (newOpen: boolean, reason?: DatePickerOpenChangeReason) => void;
|
|
83
|
-
/**
|
|
84
|
-
* The default open state of the overlay.
|
|
85
|
-
*/
|
|
86
|
-
defaultOpen?: boolean;
|
|
87
|
-
/**
|
|
88
|
-
* The content to be rendered inside the overlay provider.
|
|
89
|
-
*/
|
|
90
|
-
children: ReactNode;
|
|
91
|
-
/**
|
|
92
|
-
* A factory method to create a set of interaction, if provided overrides the default interactions
|
|
93
|
-
*/
|
|
94
|
-
interactions?: (context: FloatingContext) => Array<ElementProps>;
|
|
95
|
-
/**
|
|
96
|
-
* When true, shouldn't open the overlay.
|
|
97
|
-
*/
|
|
98
|
-
readOnly?: boolean;
|
|
99
|
-
}
|
|
100
|
-
export declare const DatePickerOverlayProvider: React.FC<DatePickerOverlayProviderProps>;
|
|
101
|
-
export declare const useDatePickerOverlay: () => DatePickerOverlayContextType;
|
|
102
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { DateFrameworkType } from "@salt-ds/date-adapters";
|
|
2
|
-
import { type SyntheticEvent } from "react";
|
|
3
|
-
import { type CalendarRangeProps, type DateRangeSelection } from "../calendar";
|
|
4
|
-
import type { DatePickerPanelBaseProps } from "./DatePickerSingleGridPanel";
|
|
5
|
-
/**
|
|
6
|
-
* Props for the DatePickerRangeGridPanel component.
|
|
7
|
-
* @template TDate - The type of the date object.
|
|
8
|
-
*/
|
|
9
|
-
export type DatePickerRangeGridPanelProps<TDate extends DateFrameworkType> = DatePickerPanelBaseProps<TDate> & DateRangeSelection<TDate> & {
|
|
10
|
-
onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateRangeSelection<TDate> | null) => void;
|
|
11
|
-
CalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "multiselect" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
|
|
12
|
-
};
|
|
13
|
-
export declare const DatePickerRangeGridPanel: import("react").ForwardRefExoticComponent<DatePickerPanelBaseProps<unknown> & DateRangeSelection<unknown> & {
|
|
14
|
-
onSelectionChange?: ((event: SyntheticEvent, selectedDate?: DateRangeSelection<unknown> | null | undefined) => void) | undefined;
|
|
15
|
-
CalendarProps?: Partial<Omit<CalendarRangeProps<unknown>, "multiselect" | "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onHoveredDateChange" | "onVisibleMonthChange">> | undefined;
|
|
16
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type DateFrameworkType, type SaltDateAdapter } from "@salt-ds/date-adapters";
|
|
2
|
-
import type { DateRangeSelection } from "../calendar";
|
|
3
|
-
import { type DateInputRangeDetails, type DateInputRangeProps } from "../date-input";
|
|
4
|
-
/**
|
|
5
|
-
* Props for the DatePickerRangeInput component.
|
|
6
|
-
* @template TDate - The type of the date object.
|
|
7
|
-
*/
|
|
8
|
-
export interface DatePickerRangeInputProps<TDate extends DateFrameworkType> extends DateInputRangeProps<TDate> {
|
|
9
|
-
/**
|
|
10
|
-
* Function to validate the entered date
|
|
11
|
-
* @param date - The selected date
|
|
12
|
-
* @param details - The details of date selection, either a valid date or error
|
|
13
|
-
* @returns updated DateInputRangeDetails details
|
|
14
|
-
*/
|
|
15
|
-
validate?: (date: DateRangeSelection<TDate> | null, details: DateInputRangeDetails) => DateInputRangeDetails;
|
|
16
|
-
}
|
|
17
|
-
export declare function defaultRangeValidator<TDate extends DateFrameworkType>(dateAdapter: SaltDateAdapter<TDate>, date: DateRangeSelection<TDate> | null, details: DateInputRangeDetails, minDate?: TDate, maxDate?: TDate): DateInputRangeDetails;
|
|
18
|
-
export declare const DatePickerRangeInput: import("react").ForwardRefExoticComponent<DatePickerRangeInputProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import type { DateFrameworkType } from "@salt-ds/date-adapters";
|
|
2
|
-
import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
|
|
3
|
-
import { type CalendarGridProps, type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type DateRangeSelection } from "../calendar";
|
|
4
|
-
/**
|
|
5
|
-
* Props for the DatePickerRangePanel component.
|
|
6
|
-
* @template TDate - The type of the date object.
|
|
7
|
-
*/
|
|
8
|
-
export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
|
|
9
|
-
/**
|
|
10
|
-
* Callback fired when a date range is selected.
|
|
11
|
-
* @param event - The synthetic event.
|
|
12
|
-
* @param selectedDate - The selected date range or null.
|
|
13
|
-
*/
|
|
14
|
-
onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateRangeSelection<TDate> | null) => void;
|
|
15
|
-
/**
|
|
16
|
-
* Helper text to be displayed below the date picker.
|
|
17
|
-
*/
|
|
18
|
-
helperText?: string;
|
|
19
|
-
/**
|
|
20
|
-
* The currently visible month for the start date.
|
|
21
|
-
*/
|
|
22
|
-
startVisibleMonth?: TDate;
|
|
23
|
-
/**
|
|
24
|
-
* The default visible month for the start date.
|
|
25
|
-
*/
|
|
26
|
-
defaultStartVisibleMonth?: TDate;
|
|
27
|
-
/**
|
|
28
|
-
* Callback fired when the visible month for the start date changes.
|
|
29
|
-
* @param event - The synthetic event, or null if called by effect.
|
|
30
|
-
* @param visibleMonth - The new visible month for the start date.
|
|
31
|
-
*/
|
|
32
|
-
onStartVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
|
|
33
|
-
/**
|
|
34
|
-
* The currently visible month for the end date.
|
|
35
|
-
*/
|
|
36
|
-
endVisibleMonth?: TDate;
|
|
37
|
-
/**
|
|
38
|
-
* The default visible month for the end date.
|
|
39
|
-
*/
|
|
40
|
-
defaultEndVisibleMonth?: TDate;
|
|
41
|
-
/**
|
|
42
|
-
* Callback fired when the visible month for the end date changes.
|
|
43
|
-
* @param event - The synthetic event or null if triggered by code.
|
|
44
|
-
* @param visibleMonth - The new visible month for the end date.
|
|
45
|
-
*/
|
|
46
|
-
onEndVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
|
|
47
|
-
/**
|
|
48
|
-
* Callback fired when the focused date changes.
|
|
49
|
-
* @param event - The synthetic event or null if triggered by code.
|
|
50
|
-
* @param focusedDate - The new focused date.
|
|
51
|
-
*/
|
|
52
|
-
onFocusedDateChange?: (event: SyntheticEvent | null, focusedDate?: TDate | null) => void;
|
|
53
|
-
/**
|
|
54
|
-
* Callback fired when the hovered date changes.
|
|
55
|
-
* @param event - The synthetic event.
|
|
56
|
-
* @param hoveredDate - The new hovered date.
|
|
57
|
-
*/
|
|
58
|
-
onHoveredDateChange?: (event: SyntheticEvent, hoveredDate?: TDate | null) => void;
|
|
59
|
-
/**
|
|
60
|
-
* Props to be passed to the start date CalendarNavigation component.
|
|
61
|
-
*/
|
|
62
|
-
StartCalendarNavigationProps?: CalendarNavigationProps<TDate>;
|
|
63
|
-
/**
|
|
64
|
-
* Props to be passed to the start date calendar component.
|
|
65
|
-
*/
|
|
66
|
-
StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "multiselect" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
|
|
67
|
-
/**
|
|
68
|
-
* Props to be passed to the start date CalendarGrid component.
|
|
69
|
-
*/
|
|
70
|
-
StartCalendarGridProps?: CalendarGridProps<TDate>;
|
|
71
|
-
/**
|
|
72
|
-
* Props to be passed to the end date CalendarNavigation component.
|
|
73
|
-
*/
|
|
74
|
-
EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "multiselect" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
|
|
75
|
-
/**
|
|
76
|
-
* Props to be passed to the end date CalendarNavigation component.
|
|
77
|
-
*/
|
|
78
|
-
EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;
|
|
79
|
-
/**
|
|
80
|
-
* Props to be passed to the end date CalendarGrid component.
|
|
81
|
-
*/
|
|
82
|
-
EndCalendarGridProps?: CalendarGridProps<TDate>;
|
|
83
|
-
}
|
|
84
|
-
export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { type ResponsiveProp } from "@salt-ds/core";
|
|
2
|
-
import type { DateFrameworkType } from "@salt-ds/date-adapters";
|
|
3
|
-
import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
|
|
4
|
-
import { type CalendarGridProps, type CalendarNavigationProps, type CalendarSingleProps, type SingleDateSelection } from "../calendar";
|
|
5
|
-
/**
|
|
6
|
-
* Base props for the DatePickerPanel grid components.
|
|
7
|
-
* @template TDate - The type of the date object.
|
|
8
|
-
*/
|
|
9
|
-
export interface DatePickerPanelBaseProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
|
|
10
|
-
/**
|
|
11
|
-
* Helper text to be displayed below the date picker.
|
|
12
|
-
*/
|
|
13
|
-
helperText?: string;
|
|
14
|
-
/**
|
|
15
|
-
* The visible month for the first visible calendar
|
|
16
|
-
*/
|
|
17
|
-
visibleMonth?: TDate;
|
|
18
|
-
/**
|
|
19
|
-
* Number of columns.
|
|
20
|
-
*/
|
|
21
|
-
columns?: ResponsiveProp<number | string>;
|
|
22
|
-
/**
|
|
23
|
-
* Number of visible months, maximum 12, defaults to 1
|
|
24
|
-
*/
|
|
25
|
-
numberOfVisibleMonths?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
|
|
26
|
-
/**
|
|
27
|
-
* The default visible month.
|
|
28
|
-
*/
|
|
29
|
-
defaultVisibleMonth?: TDate;
|
|
30
|
-
/**
|
|
31
|
-
* Callback fired when the visible month changes.
|
|
32
|
-
* @param event - The synthetic event or null if triggered by code.
|
|
33
|
-
* @param visibleMonth - The new visible month.
|
|
34
|
-
*/
|
|
35
|
-
onVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Callback fired when the focused date changes.
|
|
38
|
-
* @param event - The synthetic event or null if triggered by code.
|
|
39
|
-
* @param focusedDate - The new hovered date.
|
|
40
|
-
*/
|
|
41
|
-
onFocusedDateChange?: (event: SyntheticEvent | null, focusedDate?: TDate | null) => void;
|
|
42
|
-
/**
|
|
43
|
-
* Callback fired when the hovered date changes.
|
|
44
|
-
* @param event - The synthetic event.
|
|
45
|
-
* @param hoveredDate - The new hovered date.
|
|
46
|
-
*/
|
|
47
|
-
onHoveredDateChange?: (event: SyntheticEvent, hoveredDate?: TDate | null) => void;
|
|
48
|
-
/**
|
|
49
|
-
* Props to be passed to the CalendarNavigation component.
|
|
50
|
-
*/
|
|
51
|
-
CalendarNavigationProps?: Partial<CalendarNavigationProps<TDate>>;
|
|
52
|
-
/**
|
|
53
|
-
* Props to be passed to the CalendarGrid component.
|
|
54
|
-
*/
|
|
55
|
-
CalendarGridProps?: Partial<CalendarGridProps<TDate>>;
|
|
56
|
-
}
|
|
57
|
-
export type DatePickerSingleGridPanelProps<TDate extends DateFrameworkType> = DatePickerPanelBaseProps<TDate> & SingleDateSelection<TDate> & {
|
|
58
|
-
onSelectionChange?: (event: SyntheticEvent, selectedDate?: TDate | null) => void;
|
|
59
|
-
CalendarProps?: Partial<Omit<CalendarSingleProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
|
|
60
|
-
};
|
|
61
|
-
export declare const DatePickerSingleGridPanel: import("react").ForwardRefExoticComponent<DatePickerPanelBaseProps<unknown> & {
|
|
62
|
-
onSelectionChange?: ((event: SyntheticEvent, selectedDate?: unknown) => void) | undefined;
|
|
63
|
-
CalendarProps?: Partial<Omit<CalendarSingleProps<unknown>, "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onVisibleMonthChange">> | undefined;
|
|
64
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type DateFrameworkType } from "@salt-ds/date-adapters";
|
|
2
|
-
import type { SingleDateSelection } from "../calendar";
|
|
3
|
-
import { type DateInputSingleDetails, type DateInputSingleProps } from "../date-input";
|
|
4
|
-
/**
|
|
5
|
-
* Props for the DatePickerSingleInput component.
|
|
6
|
-
* @template TDate - The type of the date object.
|
|
7
|
-
*/
|
|
8
|
-
export interface DatePickerSingleInputProps<TDate extends DateFrameworkType> extends DateInputSingleProps<TDate> {
|
|
9
|
-
/**
|
|
10
|
-
* Function to validate the entered date
|
|
11
|
-
* @param date - The selected date
|
|
12
|
-
* @param details - The details of date selection, either a valid date or error
|
|
13
|
-
* @returns updated DateInputSingleDetails details
|
|
14
|
-
*/
|
|
15
|
-
validate?: (date: SingleDateSelection<TDate>, details: DateInputSingleDetails) => DateInputSingleDetails;
|
|
16
|
-
}
|
|
17
|
-
export declare const DatePickerSingleInput: import("react").ForwardRefExoticComponent<DatePickerSingleInputProps<any> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated DatePickerSinglePanel is deprecated. Use DatePickerSingleGridPanel instead.
|
|
3
|
-
* This component will be deleted when we move DatePickerSingleGridPanel from labs to core.
|
|
4
|
-
*/
|
|
5
|
-
export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<import("./DatePickerSingleGridPanel").DatePickerPanelBaseProps<unknown> & {
|
|
6
|
-
onSelectionChange?: ((event: import("react").SyntheticEvent, selectedDate?: unknown) => void) | undefined;
|
|
7
|
-
CalendarProps?: Partial<Omit<import("..").CalendarSingleProps<unknown>, "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onVisibleMonthChange">> | undefined;
|
|
8
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Props for the DatePickerTrigger component.
|
|
4
|
-
*/
|
|
5
|
-
export interface DatePickerTriggerProps {
|
|
6
|
-
className?: string;
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const DatePickerTrigger: import("react").ForwardRefExoticComponent<DatePickerTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export * from "./DatePicker";
|
|
2
|
-
export * from "./DatePickerActions";
|
|
3
|
-
export * from "./DatePickerContext";
|
|
4
|
-
export * from "./DatePickerHelperText";
|
|
5
|
-
export * from "./DatePickerOverlay";
|
|
6
|
-
export * from "./DatePickerOverlayProvider";
|
|
7
|
-
export * from "./DatePickerRangeGridPanel";
|
|
8
|
-
export * from "./DatePickerRangeInput";
|
|
9
|
-
export * from "./DatePickerRangePanel";
|
|
10
|
-
export * from "./DatePickerSingleGridPanel";
|
|
11
|
-
export * from "./DatePickerSingleInput";
|
|
12
|
-
export * from "./DatePickerSinglePanel";
|
|
13
|
-
export * from "./DatePickerTrigger";
|