@sixthshift/design-system 0.2.1 → 0.4.0
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/README.md +242 -33
- package/dist/components/Badge/Badge.d.ts +65 -7
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +56 -46
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/BarChart/BarChart.d.ts +20 -2
- package/dist/components/BarChart/BarChart.d.ts.map +1 -1
- package/dist/components/BarChart/BarChart.js +17 -3
- package/dist/components/BarChart/BarChart.js.map +1 -1
- package/dist/components/Button/Button.d.ts +85 -6
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +97 -106
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Calendar/Calendar.d.ts +31 -1
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.js +94 -225
- package/dist/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/Calendar/CalendarView.d.ts +15 -0
- package/dist/components/Calendar/CalendarView.d.ts.map +1 -0
- package/dist/components/Calendar/CalendarView.js +263 -0
- package/dist/components/Calendar/CalendarView.js.map +1 -0
- package/dist/components/Calendar/calendar.types.d.ts +87 -27
- package/dist/components/Calendar/calendar.types.d.ts.map +1 -1
- package/dist/components/Calendar/calendar.types.js +10 -3
- package/dist/components/Calendar/calendar.types.js.map +1 -1
- package/dist/components/Calendar/index.d.ts +16 -2
- package/dist/components/Calendar/index.d.ts.map +1 -1
- package/dist/components/Calendar/index.js +15 -1
- package/dist/components/Calendar/index.js.map +1 -1
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +15 -2
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +21 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +22 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +22 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.js +22 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/Code/Editor/Editor.js +2 -2
- package/dist/components/Code/Editor/Editor.js.map +1 -1
- package/dist/components/Code/Editor/themes.d.ts +2 -2
- package/dist/components/Code/Editor/themes.d.ts.map +1 -1
- package/dist/components/Code/Editor/themes.js +50 -32
- package/dist/components/Code/Editor/themes.js.map +1 -1
- package/dist/components/Code/ValidationStatus/ValidationStatus.d.ts.map +1 -1
- package/dist/components/Code/ValidationStatus/ValidationStatus.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +45 -2
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +228 -11
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DateSegments.d.ts +60 -0
- package/dist/components/DatePicker/DateSegments.d.ts.map +1 -0
- package/dist/components/DatePicker/DateSegments.js +80 -0
- package/dist/components/DatePicker/DateSegments.js.map +1 -0
- package/dist/components/DatePicker/datepicker.types.d.ts +53 -37
- package/dist/components/DatePicker/datepicker.types.d.ts.map +1 -1
- package/dist/components/DatePicker/datepicker.types.js +5 -3
- package/dist/components/DatePicker/datepicker.types.js.map +1 -1
- package/dist/components/DatePicker/index.d.ts +10 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +8 -0
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +22 -3
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +38 -24
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/daterangepicker.types.d.ts +26 -21
- package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map +1 -1
- package/dist/components/DateRangePicker/daterangepicker.types.js +6 -0
- package/dist/components/DateRangePicker/daterangepicker.types.js.map +1 -1
- package/dist/components/DateRangePicker/index.d.ts +8 -1
- package/dist/components/DateRangePicker/index.d.ts.map +1 -1
- package/dist/components/DateRangePicker/index.js +6 -0
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.d.ts +32 -4
- package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.js +133 -42
- package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/DateTimePicker/DateTimeSegments.d.ts +41 -0
- package/dist/components/DateTimePicker/DateTimeSegments.d.ts.map +1 -0
- package/dist/components/DateTimePicker/DateTimeSegments.js +67 -0
- package/dist/components/DateTimePicker/DateTimeSegments.js.map +1 -0
- package/dist/components/DateTimePicker/datetimepicker.types.d.ts +26 -18
- package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map +1 -1
- package/dist/components/DateTimePicker/datetimepicker.types.js +10 -0
- package/dist/components/DateTimePicker/datetimepicker.types.js.map +1 -1
- package/dist/components/DateTimePicker/index.d.ts +8 -1
- package/dist/components/DateTimePicker/index.d.ts.map +1 -1
- package/dist/components/DateTimePicker/index.js +6 -0
- package/dist/components/DateTimePicker/index.js.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +30 -4
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +171 -72
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts +28 -19
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.js +8 -0
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.js.map +1 -1
- package/dist/components/DateTimeRangePicker/index.d.ts +8 -0
- package/dist/components/DateTimeRangePicker/index.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/index.js +7 -0
- package/dist/components/DateTimeRangePicker/index.js.map +1 -1
- package/dist/components/Field/Field.d.ts +18 -20
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.js +22 -5
- package/dist/components/Field/Field.js.map +1 -1
- package/dist/components/FormField/FormField.d.ts +15 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/FormField/FormField.js +15 -0
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/HoverCard/HoverCard.d.ts +6 -0
- package/dist/components/HoverCard/HoverCard.d.ts.map +1 -1
- package/dist/components/HoverCard/HoverCard.js +6 -0
- package/dist/components/HoverCard/HoverCard.js.map +1 -1
- package/dist/components/Input/Input.d.ts +15 -0
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +18 -3
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/LineChart/LineChart.d.ts +35 -2
- package/dist/components/LineChart/LineChart.d.ts.map +1 -1
- package/dist/components/LineChart/LineChart.js +22 -3
- package/dist/components/LineChart/LineChart.js.map +1 -1
- package/dist/components/Markdown/Markdown.d.ts +19 -4
- package/dist/components/Markdown/Markdown.d.ts.map +1 -1
- package/dist/components/Markdown/Markdown.js +20 -2
- package/dist/components/Markdown/Markdown.js.map +1 -1
- package/dist/components/Message/Message.d.ts +49 -4
- package/dist/components/Message/Message.d.ts.map +1 -1
- package/dist/components/Message/Message.js +62 -11
- package/dist/components/Message/Message.js.map +1 -1
- package/dist/components/Message/index.d.ts +1 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +60 -5
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +52 -6
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components/ModalContext.d.ts +14 -0
- package/dist/components/Modal/components/ModalContext.d.ts.map +1 -1
- package/dist/components/Modal/components/ModalContext.js.map +1 -1
- package/dist/components/Modal/components/ModalHeader.d.ts.map +1 -1
- package/dist/components/Modal/components/ModalHeader.js +13 -2
- package/dist/components/Modal/components/ModalHeader.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +29 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Popover/Popover.js +36 -0
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/components/PopoverBody.d.ts.map +1 -1
- package/dist/components/Popover/components/PopoverBody.js +5 -2
- package/dist/components/Popover/components/PopoverBody.js.map +1 -1
- package/dist/components/Popover/components/PopoverContext.d.ts +1 -0
- package/dist/components/Popover/components/PopoverContext.d.ts.map +1 -1
- package/dist/components/Popover/components/PopoverContext.js.map +1 -1
- package/dist/components/Popover/components/PopoverTrigger.d.ts.map +1 -1
- package/dist/components/Popover/components/PopoverTrigger.js +2 -2
- package/dist/components/Popover/components/PopoverTrigger.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +16 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +19 -3
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/RadioButton/RadioButton.d.ts +26 -0
- package/dist/components/RadioButton/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton/RadioButton.js +35 -1
- package/dist/components/RadioButton/RadioButton.js.map +1 -1
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts +26 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -1
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js +33 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js.map +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +10 -0
- package/dist/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/SearchInput/SearchInput.js +12 -1
- package/dist/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/components/Select/Select.d.ts +10 -2
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +63 -18
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/SelectDropdown.d.ts +14 -2
- package/dist/components/Select/SelectDropdown.d.ts.map +1 -1
- package/dist/components/Select/SelectDropdown.js +20 -4
- package/dist/components/Select/SelectDropdown.js.map +1 -1
- package/dist/components/Select/SelectTrigger.d.ts +10 -3
- package/dist/components/Select/SelectTrigger.d.ts.map +1 -1
- package/dist/components/Select/SelectTrigger.js +12 -3
- package/dist/components/Select/SelectTrigger.js.map +1 -1
- package/dist/components/Select/useSelectKeyboard.d.ts +15 -1
- package/dist/components/Select/useSelectKeyboard.d.ts.map +1 -1
- package/dist/components/Select/useSelectKeyboard.js +73 -65
- package/dist/components/Select/useSelectKeyboard.js.map +1 -1
- package/dist/components/Separator/Separator.d.ts +10 -0
- package/dist/components/Separator/Separator.d.ts.map +1 -1
- package/dist/components/Separator/Separator.js +10 -0
- package/dist/components/Separator/Separator.js.map +1 -1
- package/dist/components/Sheet/Sheet.d.ts +25 -5
- package/dist/components/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/Sheet/Sheet.js +24 -6
- package/dist/components/Sheet/Sheet.js.map +1 -1
- package/dist/components/Sheet/components/SheetContext.d.ts +10 -0
- package/dist/components/Sheet/components/SheetContext.d.ts.map +1 -1
- package/dist/components/Sheet/components/SheetContext.js.map +1 -1
- package/dist/components/Sheet/components/SheetFooter.js +1 -1
- package/dist/components/Sheet/components/SheetFooter.js.map +1 -1
- package/dist/components/Sheet/components/SheetHeader.d.ts.map +1 -1
- package/dist/components/Sheet/components/SheetHeader.js +11 -2
- package/dist/components/Sheet/components/SheetHeader.js.map +1 -1
- package/dist/components/Sparkline/Sparkline.d.ts +21 -2
- package/dist/components/Sparkline/Sparkline.d.ts.map +1 -1
- package/dist/components/Sparkline/Sparkline.js +16 -3
- package/dist/components/Sparkline/Sparkline.js.map +1 -1
- package/dist/components/Spinner/Spinner.d.ts +27 -2
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +28 -3
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +18 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +19 -1
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +8 -2
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +6 -0
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Tabs/components/TabsList.d.ts +1 -1
- package/dist/components/Tabs/components/TabsList.d.ts.map +1 -1
- package/dist/components/Tabs/components/TabsList.js +5 -4
- package/dist/components/Tabs/components/TabsList.js.map +1 -1
- package/dist/components/Tabs/components/TabsPanels.d.ts +1 -1
- package/dist/components/Tabs/components/TabsPanels.d.ts.map +1 -1
- package/dist/components/Tabs/components/TabsPanels.js +5 -3
- package/dist/components/Tabs/components/TabsPanels.js.map +1 -1
- package/dist/components/Tabs/components/TabsTrigger.d.ts.map +1 -1
- package/dist/components/Tabs/components/TabsTrigger.js +22 -6
- package/dist/components/Tabs/components/TabsTrigger.js.map +1 -1
- package/dist/components/TagChip/TagChip.d.ts +16 -13
- package/dist/components/TagChip/TagChip.d.ts.map +1 -1
- package/dist/components/TagChip/TagChip.js +18 -3
- package/dist/components/TagChip/TagChip.js.map +1 -1
- package/dist/components/TagInput/TagInput.d.ts +12 -9
- package/dist/components/TagInput/TagInput.d.ts.map +1 -1
- package/dist/components/TagInput/TagInput.js +16 -4
- package/dist/components/TagInput/TagInput.js.map +1 -1
- package/dist/components/Text/Text.d.ts +9 -0
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +9 -0
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/TextInline/TextInline.d.ts +15 -4
- package/dist/components/TextInline/TextInline.d.ts.map +1 -1
- package/dist/components/TextInline/TextInline.js +11 -0
- package/dist/components/TextInline/TextInline.js.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +12 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +13 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/TimePicker/TimeColumn.d.ts +10 -1
- package/dist/components/TimePicker/TimeColumn.d.ts.map +1 -1
- package/dist/components/TimePicker/TimeColumn.js +8 -1
- package/dist/components/TimePicker/TimeColumn.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +34 -2
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +118 -15
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimeSegments.d.ts +50 -0
- package/dist/components/TimePicker/TimeSegments.d.ts.map +1 -0
- package/dist/components/TimePicker/TimeSegments.js +93 -0
- package/dist/components/TimePicker/TimeSegments.js.map +1 -0
- package/dist/components/TimePicker/timepicker.hooks.d.ts +0 -4
- package/dist/components/TimePicker/timepicker.hooks.d.ts.map +1 -1
- package/dist/components/TimePicker/timepicker.hooks.js +1 -23
- package/dist/components/TimePicker/timepicker.hooks.js.map +1 -1
- package/dist/components/TimePicker/timepicker.types.d.ts +14 -15
- package/dist/components/TimePicker/timepicker.types.d.ts.map +1 -1
- package/dist/components/TimePicker/timepicker.types.js +4 -3
- package/dist/components/TimePicker/timepicker.types.js.map +1 -1
- package/dist/components/Toast/Toast.d.ts +27 -0
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +28 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toggle/Toggle.d.ts +31 -12
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.js +19 -31
- package/dist/components/Toggle/Toggle.js.map +1 -1
- package/dist/components/Toggle/index.d.ts +1 -1
- package/dist/components/Toggle/index.d.ts.map +1 -1
- package/dist/components/Toggle/index.js +1 -1
- package/dist/components/Toggle/index.js.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +17 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +17 -0
- package/dist/components/ToggleGroup/ToggleGroup.js.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupItem.d.ts +1 -1
- package/dist/components/ToggleGroup/ToggleGroupItem.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupItem.js +7 -6
- package/dist/components/ToggleGroup/ToggleGroupItem.js.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts +4 -3
- package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupMultiple.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroupMultiple.js.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts +4 -3
- package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroupSingle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroupSingle.js.map +1 -1
- package/dist/components/ToggleGroup/toggleGroup.types.d.ts +12 -3
- package/dist/components/ToggleGroup/toggleGroup.types.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +6 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +6 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/date-time/index.d.ts +2 -0
- package/dist/date-time/index.d.ts.map +1 -1
- package/dist/date-time/index.js +9 -1
- package/dist/date-time/index.js.map +1 -1
- package/dist/date-time/iso.d.ts +261 -0
- package/dist/date-time/iso.d.ts.map +1 -0
- package/dist/date-time/iso.js +358 -0
- package/dist/date-time/iso.js.map +1 -0
- package/dist/date-time/now.d.ts +7 -6
- package/dist/date-time/now.d.ts.map +1 -1
- package/dist/date-time/now.js +3 -3
- package/dist/date-time/now.js.map +1 -1
- package/dist/internal/PickerField.d.ts +45 -0
- package/dist/internal/PickerField.d.ts.map +1 -0
- package/dist/internal/PickerField.js +24 -0
- package/dist/internal/PickerField.js.map +1 -0
- package/dist/internal/SegmentedField.d.ts +98 -0
- package/dist/internal/SegmentedField.d.ts.map +1 -0
- package/dist/internal/SegmentedField.js +315 -0
- package/dist/internal/SegmentedField.js.map +1 -0
- package/dist/internal/index.d.ts +2 -0
- package/dist/internal/index.d.ts.map +1 -1
- package/dist/internal/index.js +2 -0
- package/dist/internal/index.js.map +1 -1
- package/dist/theme/index.d.ts +4 -3
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +3 -2
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/schema.d.ts +49 -33
- package/dist/theme/schema.d.ts.map +1 -1
- package/dist/theme/schema.js +30 -21
- package/dist/theme/schema.js.map +1 -1
- package/package.json +11 -59
- package/src/components/Badge/Badge.tsx +87 -49
- package/src/components/Badge/index.ts +10 -1
- package/src/components/BarChart/BarChart.tsx +37 -30
- package/src/components/Button/Button.tsx +129 -106
- package/src/components/Button/index.ts +10 -1
- package/src/components/Calendar/Calendar.tsx +104 -401
- package/src/components/Calendar/CalendarView.tsx +454 -0
- package/src/components/Calendar/calendar.types.ts +104 -29
- package/src/components/Calendar/index.ts +16 -17
- package/src/components/Card/Card.tsx +15 -2
- package/src/components/Checkbox/Checkbox.tsx +22 -2
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +22 -0
- package/src/components/Code/Editor/Editor.tsx +2 -2
- package/src/components/Code/Editor/themes.ts +50 -32
- package/src/components/Code/ValidationStatus/ValidationStatus.tsx +6 -3
- package/src/components/DatePicker/DatePicker.tsx +369 -42
- package/src/components/DatePicker/DateSegments.tsx +125 -0
- package/src/components/DatePicker/datepicker.types.ts +58 -39
- package/src/components/DatePicker/index.ts +11 -3
- package/src/components/DateRangePicker/DateRangePicker.tsx +38 -24
- package/src/components/DateRangePicker/daterangepicker.types.ts +29 -23
- package/src/components/DateRangePicker/index.ts +9 -1
- package/src/components/DateTimePicker/DateTimePicker.tsx +189 -88
- package/src/components/DateTimePicker/DateTimeSegments.tsx +113 -0
- package/src/components/DateTimePicker/datetimepicker.types.ts +29 -19
- package/src/components/DateTimePicker/index.ts +9 -1
- package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +251 -126
- package/src/components/DateTimeRangePicker/datetimerangepicker.types.ts +31 -20
- package/src/components/DateTimeRangePicker/index.ts +9 -0
- package/src/components/Field/Field.tsx +25 -26
- package/src/components/FormField/FormField.tsx +15 -0
- package/src/components/HoverCard/HoverCard.tsx +6 -0
- package/src/components/Input/Input.tsx +19 -4
- package/src/components/LineChart/LineChart.tsx +164 -141
- package/src/components/Markdown/Markdown.tsx +21 -3
- package/src/components/Message/Message.tsx +83 -17
- package/src/components/Message/index.ts +1 -1
- package/src/components/Modal/Modal.tsx +157 -86
- package/src/components/Modal/components/ModalContext.tsx +14 -0
- package/src/components/Modal/components/ModalHeader.tsx +15 -3
- package/src/components/Popover/Popover.tsx +36 -0
- package/src/components/Popover/components/PopoverBody.tsx +6 -1
- package/src/components/Popover/components/PopoverContext.tsx +1 -0
- package/src/components/Popover/components/PopoverTrigger.tsx +2 -1
- package/src/components/ProgressBar/ProgressBar.tsx +46 -28
- package/src/components/RadioButton/RadioButton.tsx +34 -3
- package/src/components/RadioButtonGroup/RadioButtonGroup.tsx +32 -0
- package/src/components/SearchInput/SearchInput.tsx +13 -2
- package/src/components/Select/Select.tsx +75 -19
- package/src/components/Select/SelectDropdown.tsx +45 -12
- package/src/components/Select/SelectTrigger.tsx +31 -8
- package/src/components/Select/useSelectKeyboard.ts +20 -10
- package/src/components/Separator/Separator.tsx +10 -0
- package/src/components/Sheet/Sheet.tsx +114 -83
- package/src/components/Sheet/components/SheetContext.tsx +10 -0
- package/src/components/Sheet/components/SheetFooter.tsx +1 -1
- package/src/components/Sheet/components/SheetHeader.tsx +18 -3
- package/src/components/Sparkline/Sparkline.tsx +40 -36
- package/src/components/Spinner/Spinner.tsx +28 -3
- package/src/components/Switch/Switch.tsx +27 -4
- package/src/components/Tabs/Tabs.tsx +6 -0
- package/src/components/Tabs/components/TabsList.tsx +5 -3
- package/src/components/Tabs/components/TabsPanels.tsx +5 -3
- package/src/components/Tabs/components/TabsTrigger.tsx +22 -5
- package/src/components/TagChip/TagChip.tsx +27 -18
- package/src/components/TagInput/TagInput.tsx +16 -11
- package/src/components/Text/Text.tsx +9 -0
- package/src/components/TextInline/TextInline.tsx +11 -0
- package/src/components/Textarea/Textarea.tsx +13 -1
- package/src/components/TimePicker/TimeColumn.tsx +24 -1
- package/src/components/TimePicker/TimePicker.tsx +157 -51
- package/src/components/TimePicker/TimeSegments.tsx +131 -0
- package/src/components/TimePicker/timepicker.hooks.ts +1 -24
- package/src/components/TimePicker/timepicker.types.ts +14 -16
- package/src/components/Toast/Toast.tsx +28 -1
- package/src/components/Toggle/Toggle.tsx +34 -32
- package/src/components/Toggle/index.ts +1 -1
- package/src/components/ToggleGroup/ToggleGroup.tsx +17 -0
- package/src/components/ToggleGroup/ToggleGroupItem.tsx +13 -8
- package/src/components/ToggleGroup/ToggleGroupMultiple.tsx +3 -1
- package/src/components/ToggleGroup/ToggleGroupSingle.tsx +3 -1
- package/src/components/ToggleGroup/toggleGroup.types.ts +12 -3
- package/src/components/Tooltip/Tooltip.tsx +6 -0
- package/src/date-time/index.ts +61 -1
- package/src/date-time/iso.ts +511 -0
- package/src/date-time/now.ts +10 -9
- package/src/internal/PickerField.tsx +90 -0
- package/src/internal/SegmentedField.tsx +445 -0
- package/src/internal/index.ts +2 -0
- package/src/theme/index.ts +11 -9
- package/src/theme/recipes/badge.css +140 -0
- package/src/theme/recipes/button.css +167 -0
- package/src/theme/recipes/card.css +26 -0
- package/src/theme/recipes/checkbox.css +44 -0
- package/src/theme/recipes/field.css +14 -0
- package/src/theme/recipes/index.css +28 -0
- package/src/theme/recipes/input.css +29 -0
- package/src/theme/recipes/message.css +47 -0
- package/src/theme/recipes/modal.css +31 -0
- package/src/theme/recipes/radio-button.css +42 -0
- package/src/theme/recipes/search-input.css +16 -0
- package/src/theme/recipes/select.css +105 -0
- package/src/theme/recipes/sheet.css +34 -0
- package/src/theme/recipes/spinner.css +17 -0
- package/src/theme/recipes/switch.css +39 -0
- package/src/theme/recipes/tabs.css +41 -0
- package/src/theme/recipes/tag-chip.css +27 -0
- package/src/theme/recipes/textarea.css +20 -0
- package/src/theme/recipes/toggle.css +92 -0
- package/src/theme/schema.ts +59 -58
- package/src/theme/tokens.css +824 -0
- package/dist/components/Avatar/Avatar.d.ts +0 -6
- package/dist/components/Avatar/Avatar.d.ts.map +0 -1
- package/dist/components/Avatar/Avatar.js +0 -11
- package/dist/components/Avatar/Avatar.js.map +0 -1
- package/dist/components/Avatar/index.d.ts +0 -2
- package/dist/components/Avatar/index.d.ts.map +0 -1
- package/dist/components/Avatar/index.js +0 -2
- package/dist/components/Avatar/index.js.map +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +0 -12
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +0 -19
- package/dist/components/Breadcrumb/Breadcrumb.js.map +0 -1
- package/dist/components/Breadcrumb/index.d.ts +0 -2
- package/dist/components/Breadcrumb/index.d.ts.map +0 -1
- package/dist/components/Breadcrumb/index.js +0 -2
- package/dist/components/Breadcrumb/index.js.map +0 -1
- package/dist/components/ColorDot/ColorDot.d.ts +0 -13
- package/dist/components/ColorDot/ColorDot.d.ts.map +0 -1
- package/dist/components/ColorDot/ColorDot.js +0 -34
- package/dist/components/ColorDot/ColorDot.js.map +0 -1
- package/dist/components/ColorDot/index.d.ts +0 -2
- package/dist/components/ColorDot/index.d.ts.map +0 -1
- package/dist/components/ColorDot/index.js +0 -2
- package/dist/components/ColorDot/index.js.map +0 -1
- package/dist/components/EmptyState/EmptyState.d.ts +0 -15
- package/dist/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/dist/components/EmptyState/EmptyState.js +0 -7
- package/dist/components/EmptyState/EmptyState.js.map +0 -1
- package/dist/components/EmptyState/index.d.ts +0 -2
- package/dist/components/EmptyState/index.d.ts.map +0 -1
- package/dist/components/EmptyState/index.js +0 -2
- package/dist/components/EmptyState/index.js.map +0 -1
- package/dist/components/HeatMap/HeatMapCalendar.d.ts +0 -11
- package/dist/components/HeatMap/HeatMapCalendar.d.ts.map +0 -1
- package/dist/components/HeatMap/HeatMapCalendar.js +0 -68
- package/dist/components/HeatMap/HeatMapCalendar.js.map +0 -1
- package/dist/components/HeatMap/HeatMapMatrix.d.ts +0 -12
- package/dist/components/HeatMap/HeatMapMatrix.d.ts.map +0 -1
- package/dist/components/HeatMap/HeatMapMatrix.js +0 -35
- package/dist/components/HeatMap/HeatMapMatrix.js.map +0 -1
- package/dist/components/HeatMap/heat-map.utils.d.ts +0 -10
- package/dist/components/HeatMap/heat-map.utils.d.ts.map +0 -1
- package/dist/components/HeatMap/heat-map.utils.js +0 -10
- package/dist/components/HeatMap/heat-map.utils.js.map +0 -1
- package/dist/components/HeatMap/index.d.ts +0 -4
- package/dist/components/HeatMap/index.d.ts.map +0 -1
- package/dist/components/HeatMap/index.js +0 -3
- package/dist/components/HeatMap/index.js.map +0 -1
- package/dist/components/MetricList/MetricList.d.ts +0 -9
- package/dist/components/MetricList/MetricList.d.ts.map +0 -1
- package/dist/components/MetricList/MetricList.js +0 -6
- package/dist/components/MetricList/MetricList.js.map +0 -1
- package/dist/components/MetricList/MetricRow.d.ts +0 -13
- package/dist/components/MetricList/MetricRow.d.ts.map +0 -1
- package/dist/components/MetricList/MetricRow.js +0 -13
- package/dist/components/MetricList/MetricRow.js.map +0 -1
- package/dist/components/MetricList/index.d.ts +0 -3
- package/dist/components/MetricList/index.d.ts.map +0 -1
- package/dist/components/MetricList/index.js +0 -3
- package/dist/components/MetricList/index.js.map +0 -1
- package/dist/components/NavBottom/NavBottom.d.ts +0 -15
- package/dist/components/NavBottom/NavBottom.d.ts.map +0 -1
- package/dist/components/NavBottom/NavBottom.js +0 -19
- package/dist/components/NavBottom/NavBottom.js.map +0 -1
- package/dist/components/NavBottom/index.d.ts +0 -3
- package/dist/components/NavBottom/index.d.ts.map +0 -1
- package/dist/components/NavBottom/index.js +0 -2
- package/dist/components/NavBottom/index.js.map +0 -1
- package/dist/components/NavSide/NavItem.d.ts +0 -9
- package/dist/components/NavSide/NavItem.d.ts.map +0 -1
- package/dist/components/NavSide/NavItem.js +0 -13
- package/dist/components/NavSide/NavItem.js.map +0 -1
- package/dist/components/NavSide/NavSide.d.ts +0 -15
- package/dist/components/NavSide/NavSide.d.ts.map +0 -1
- package/dist/components/NavSide/NavSide.js +0 -10
- package/dist/components/NavSide/NavSide.js.map +0 -1
- package/dist/components/NavSide/index.d.ts +0 -3
- package/dist/components/NavSide/index.d.ts.map +0 -1
- package/dist/components/NavSide/index.js +0 -2
- package/dist/components/NavSide/index.js.map +0 -1
- package/dist/components/NavSide/types.d.ts +0 -38
- package/dist/components/NavSide/types.d.ts.map +0 -1
- package/dist/components/NavSide/types.js +0 -2
- package/dist/components/NavSide/types.js.map +0 -1
- package/dist/components/Pagination/Pagination.d.ts +0 -35
- package/dist/components/Pagination/Pagination.d.ts.map +0 -1
- package/dist/components/Pagination/Pagination.js +0 -26
- package/dist/components/Pagination/Pagination.js.map +0 -1
- package/dist/components/Pagination/index.d.ts +0 -3
- package/dist/components/Pagination/index.d.ts.map +0 -1
- package/dist/components/Pagination/index.js +0 -2
- package/dist/components/Pagination/index.js.map +0 -1
- package/dist/components/Skeleton/Skeleton.d.ts +0 -3
- package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
- package/dist/components/Skeleton/Skeleton.js +0 -7
- package/dist/components/Skeleton/Skeleton.js.map +0 -1
- package/dist/components/Skeleton/index.d.ts +0 -2
- package/dist/components/Skeleton/index.d.ts.map +0 -1
- package/dist/components/Skeleton/index.js +0 -2
- package/dist/components/Skeleton/index.js.map +0 -1
- package/dist/components/StatsCard/StatsCard.d.ts +0 -17
- package/dist/components/StatsCard/StatsCard.d.ts.map +0 -1
- package/dist/components/StatsCard/StatsCard.js +0 -13
- package/dist/components/StatsCard/StatsCard.js.map +0 -1
- package/dist/components/StatsCard/index.d.ts +0 -2
- package/dist/components/StatsCard/index.d.ts.map +0 -1
- package/dist/components/StatsCard/index.js +0 -2
- package/dist/components/StatsCard/index.js.map +0 -1
- package/dist/styles.css +0 -2
- package/dist/theme.generated.css +0 -438
- package/src/components/Avatar/Avatar.tsx +0 -19
- package/src/components/Avatar/index.ts +0 -1
- package/src/components/Breadcrumb/Breadcrumb.tsx +0 -47
- package/src/components/Breadcrumb/index.ts +0 -5
- package/src/components/ColorDot/ColorDot.tsx +0 -50
- package/src/components/ColorDot/index.ts +0 -1
- package/src/components/EmptyState/EmptyState.tsx +0 -29
- package/src/components/EmptyState/index.ts +0 -1
- package/src/components/HeatMap/HeatMapCalendar.tsx +0 -127
- package/src/components/HeatMap/HeatMapMatrix.tsx +0 -75
- package/src/components/HeatMap/heat-map.utils.ts +0 -15
- package/src/components/HeatMap/index.ts +0 -3
- package/src/components/MetricList/MetricList.tsx +0 -13
- package/src/components/MetricList/MetricRow.tsx +0 -30
- package/src/components/MetricList/index.ts +0 -2
- package/src/components/NavBottom/NavBottom.tsx +0 -53
- package/src/components/NavBottom/index.ts +0 -3
- package/src/components/NavSide/NavItem.tsx +0 -39
- package/src/components/NavSide/NavSide.tsx +0 -40
- package/src/components/NavSide/index.ts +0 -2
- package/src/components/NavSide/types.ts +0 -36
- package/src/components/Pagination/Pagination.tsx +0 -86
- package/src/components/Pagination/index.ts +0 -2
- package/src/components/Skeleton/Skeleton.tsx +0 -7
- package/src/components/Skeleton/index.ts +0 -1
- package/src/components/StatsCard/StatsCard.tsx +0 -40
- package/src/components/StatsCard/index.ts +0 -1
- package/src/styles/base.css +0 -41
- package/src/theme/palette.json +0 -100
- package/src/theme/palette.schema.json +0 -40
- package/src/theme/theme.json +0 -349
- package/src/theme/theme.schema.json +0 -876
- package/src/theme/typography.json +0 -7
- package/src/theme/typography.schema.json +0 -36
- package/tailwind.config.ts +0 -261
|
@@ -2,55 +2,80 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { autoUpdate, FloatingPortal, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions } from "@floating-ui/react";
|
|
3
3
|
import { useControllableState } from "@sixthshift/design-system/hooks";
|
|
4
4
|
import { cn } from "@sixthshift/design-system/utils";
|
|
5
|
-
import { Clock
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
5
|
+
import { Clock } from "lucide-react";
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { useCallback, useId, useMemo, useState } from "react";
|
|
8
|
+
import { adaptDisabledDates, fromISODateOrUndefined, fromISOInstantOrUndefined, fromISOTimeOrUndefined, Temporal, today, toISOInstantOrUndefined, } from "../../date-time/index.js";
|
|
9
|
+
import { PickerField } from "../../internal/index.js";
|
|
8
10
|
import { Button } from "../Button/index.js";
|
|
9
|
-
import {
|
|
11
|
+
import { CalendarView } from "../Calendar/CalendarView.js";
|
|
12
|
+
import { isDateDisabled } from "../Calendar/calendar.hooks.js";
|
|
10
13
|
import { Separator } from "../Separator/index.js";
|
|
11
14
|
import { PeriodSelector } from "../TimePicker/PeriodSelector.js";
|
|
12
15
|
import { TimeColumn } from "../TimePicker/TimeColumn.js";
|
|
13
16
|
import { generateHours, generateMinutes, generateSeconds, getCurrentTime, isTimeDisabled, temporalToParsed, to12Hour, to24Hour, } from "../TimePicker/timepicker.hooks.js";
|
|
14
|
-
|
|
15
|
-
* Format an Instant for display
|
|
16
|
-
*/
|
|
17
|
-
function formatInstantDisplay(instant, clockFormat, showSeconds, timeZone) {
|
|
18
|
-
const tz = timeZone ?? Temporal.Now.timeZoneId();
|
|
19
|
-
const zoned = instant.toZonedDateTimeISO(tz);
|
|
20
|
-
const plainDateTime = zoned.toPlainDateTime();
|
|
21
|
-
// Format date part
|
|
22
|
-
const datePart = plainDateTime.toLocaleString("en-US", {
|
|
23
|
-
month: "long",
|
|
24
|
-
day: "numeric",
|
|
25
|
-
year: "numeric",
|
|
26
|
-
});
|
|
27
|
-
// Format time part based on props
|
|
28
|
-
const timeOptions = {
|
|
29
|
-
hour: "numeric",
|
|
30
|
-
minute: "2-digit",
|
|
31
|
-
hour12: clockFormat === "12h",
|
|
32
|
-
};
|
|
33
|
-
if (showSeconds) {
|
|
34
|
-
timeOptions.second = "2-digit";
|
|
35
|
-
}
|
|
36
|
-
const timePart = plainDateTime.toLocaleString("en-US", timeOptions);
|
|
37
|
-
return `${datePart}, ${timePart}`;
|
|
38
|
-
}
|
|
17
|
+
import { DateTimeSegments } from "./DateTimeSegments.js";
|
|
39
18
|
/**
|
|
40
19
|
* DateTimePicker - A component for selecting both date and time
|
|
41
20
|
*
|
|
42
|
-
* Combines date and time selection in a single popup with side-by-side layout
|
|
43
|
-
*
|
|
21
|
+
* Combines date and time selection in a single popup with side-by-side layout:
|
|
22
|
+
* a `Calendar` grid on the left, hour/minute(/second) columns on the right.
|
|
23
|
+
*
|
|
24
|
+
* The trigger is one typeable field of date *and* time segments — one value, so
|
|
25
|
+
* the digits roll straight from the year into the hour: `1520260330p` is January
|
|
26
|
+
* 5th 2026 at 3:30pm, typed without a tab. `segmentOrder` sets the date half's
|
|
27
|
+
* order (never inferred from the locale), `clockFormat` decides the hour's range
|
|
28
|
+
* and whether there is an AM/PM segment, and `Alt+ArrowDown` opens the popover
|
|
29
|
+
* on the month being typed. See `SegmentedField` for the whole keyboard model.
|
|
30
|
+
* It is not a composition of `DatePicker` and `TimePicker` — it builds
|
|
31
|
+
* directly on the same internal calendar grid and time-column primitives
|
|
32
|
+
* those two use, so the two stay visually consistent without either being
|
|
33
|
+
* mounted as a component.
|
|
34
|
+
*
|
|
35
|
+
* The value is a single absolute instant: an `ISOInstant` string
|
|
36
|
+
* (`"2026-08-26T00:30:00Z"`), always UTC and always ending in `Z`. It is
|
|
37
|
+
* edited in the viewer's local timezone (`Temporal.Now.timeZoneId()`) and
|
|
38
|
+
* converted to/from UTC at the boundary, so the same stored instant displays
|
|
39
|
+
* differently to viewers in different timezones. Input written with a
|
|
40
|
+
* numeric offset is normalised to the `Z` form. Supports controlled
|
|
41
|
+
* (`value`/`onChange`) and uncontrolled (`defaultValue`) use.
|
|
42
|
+
*
|
|
43
|
+
* Opening the popover seeds date and time drafts from the committed value (or
|
|
44
|
+
* today + the current time, if none); the footer's Apply combines them into
|
|
45
|
+
* an instant and commits, Cancel discards the draft. `minDate`/`maxDate` and
|
|
46
|
+
* `disabledDates` bound the date grid; `minTime`/`maxTime` bound the wall-clock
|
|
47
|
+
* time columns — these are plain date/time constraints on the picker's grid,
|
|
48
|
+
* not constraints on the resulting instant. `clockFormat` and `showSeconds`
|
|
49
|
+
* control the time columns; `clearable` (default `true`) shows the clear
|
|
50
|
+
* button.
|
|
44
51
|
*/
|
|
45
|
-
export const DateTimePicker = (props) => {
|
|
46
|
-
const { value, defaultValue, onChange, minDate, maxDate, disabledDates, minTime, maxTime, minuteStep = 1, clockFormat = "12h", showSeconds = false,
|
|
52
|
+
export const DateTimePicker = React.forwardRef((props, ref) => {
|
|
53
|
+
const { value, defaultValue, onChange, minDate, maxDate, disabledDates, minTime, maxTime, minuteStep = 1, clockFormat = "12h", showSeconds = false, weekStartsOn = 0, name, isDisabled = false, isInvalid = false, className, align = "end", clearable = true, segmentOrder = "mdy", } = props;
|
|
47
54
|
// Open state
|
|
48
55
|
const [open, setOpen] = useState(false);
|
|
56
|
+
// The day grid takes focus only when the popover was opened from the keyboard.
|
|
57
|
+
const [autoFocusDay, setAutoFocusDay] = useState(false);
|
|
58
|
+
// ---------------------------------------------------------------------------
|
|
59
|
+
// The ISO boundary.
|
|
60
|
+
//
|
|
61
|
+
// The value crosses as a canonical UTC instant string; constraints cross as
|
|
62
|
+
// ISO dates and times. Below this block everything is Temporal, exactly as
|
|
63
|
+
// before. Each conversion is memoised on its source string so the Temporal
|
|
64
|
+
// values stay referentially stable across renders.
|
|
65
|
+
// ---------------------------------------------------------------------------
|
|
66
|
+
const temporalValue = useMemo(() => fromISOInstantOrUndefined(value), [value]);
|
|
67
|
+
const temporalDefaultValue = useMemo(() => fromISOInstantOrUndefined(defaultValue), [defaultValue]);
|
|
68
|
+
const temporalMinDate = useMemo(() => fromISODateOrUndefined(minDate), [minDate]);
|
|
69
|
+
const temporalMaxDate = useMemo(() => fromISODateOrUndefined(maxDate), [maxDate]);
|
|
70
|
+
const temporalMinTime = useMemo(() => fromISOTimeOrUndefined(minTime), [minTime]);
|
|
71
|
+
const temporalMaxTime = useMemo(() => fromISOTimeOrUndefined(maxTime), [maxTime]);
|
|
72
|
+
const temporalDisabledDates = useMemo(() => adaptDisabledDates(disabledDates), [disabledDates]);
|
|
73
|
+
const handleChange = useCallback((next) => onChange?.(toISOInstantOrUndefined(next)), [onChange]);
|
|
49
74
|
// Controllable value state (external/committed value)
|
|
50
75
|
const [committedValue, setCommittedValue] = useControllableState({
|
|
51
|
-
value,
|
|
52
|
-
defaultValue,
|
|
53
|
-
onChange,
|
|
76
|
+
value: temporalValue,
|
|
77
|
+
defaultValue: temporalDefaultValue,
|
|
78
|
+
onChange: handleChange,
|
|
54
79
|
});
|
|
55
80
|
// Draft state (date + time parts)
|
|
56
81
|
// Convert Instant to ZonedDateTime for editing
|
|
@@ -71,6 +96,8 @@ export const DateTimePicker = (props) => {
|
|
|
71
96
|
});
|
|
72
97
|
// Sync draft when popup opens
|
|
73
98
|
const handleOpenChange = useCallback((newOpen) => {
|
|
99
|
+
if (!newOpen)
|
|
100
|
+
setAutoFocusDay(false);
|
|
74
101
|
if (newOpen) {
|
|
75
102
|
const tz = Temporal.Now.timeZoneId();
|
|
76
103
|
if (committedValue) {
|
|
@@ -166,8 +193,71 @@ export const DateTimePicker = (props) => {
|
|
|
166
193
|
const contentId = `datetimepicker-content-${id}`;
|
|
167
194
|
const inputId = `datetimepicker-input-${id}`;
|
|
168
195
|
// Display value (from committed value)
|
|
169
|
-
const displayValue = committedValue ? formatInstantDisplay(committedValue, clockFormat, showSeconds) : "";
|
|
170
196
|
const hasValue = Boolean(committedValue);
|
|
197
|
+
// ---------------------------------------------------------------------------
|
|
198
|
+
// The typeable field.
|
|
199
|
+
//
|
|
200
|
+
// The segments show the draft while the popover is open and the committed
|
|
201
|
+
// value while it is closed, so typing moves the grid and columns, and picking
|
|
202
|
+
// in either shows up in the segments. Open means the popover's Apply/Cancel
|
|
203
|
+
// owns the value; closed means a complete date-time commits as soon as it is
|
|
204
|
+
// complete.
|
|
205
|
+
//
|
|
206
|
+
// The draft is a date plus loose time parts, so it only composes into an
|
|
207
|
+
// instant once the date exists. Until then the field has nothing to show,
|
|
208
|
+
// which is exactly `undefined`.
|
|
209
|
+
// ---------------------------------------------------------------------------
|
|
210
|
+
const userZone = Temporal.Now.timeZoneId();
|
|
211
|
+
const draftInstant = useMemo(() => {
|
|
212
|
+
if (!draftDate)
|
|
213
|
+
return undefined;
|
|
214
|
+
const parsed = getDraftTime();
|
|
215
|
+
return draftDate
|
|
216
|
+
.toPlainDateTime({ hour: parsed.hour, minute: parsed.minute, second: showSeconds ? parsed.second : 0 })
|
|
217
|
+
.toZonedDateTime(userZone)
|
|
218
|
+
.toInstant();
|
|
219
|
+
}, [draftDate, getDraftTime, showSeconds, userZone]);
|
|
220
|
+
const segmentValue = open ? draftInstant : committedValue;
|
|
221
|
+
/**
|
|
222
|
+
* A typed instant can fall outside what the grid and columns allow — the date
|
|
223
|
+
* past `maxDate`, or the time outside `minTime`/`maxTime`. The field flags it
|
|
224
|
+
* rather than clamping; see `DatePicker` for why.
|
|
225
|
+
*/
|
|
226
|
+
const outOfBounds = useMemo(() => {
|
|
227
|
+
if (!segmentValue)
|
|
228
|
+
return false;
|
|
229
|
+
const zoned = segmentValue.toZonedDateTimeISO(userZone);
|
|
230
|
+
return (isDateDisabled(zoned.toPlainDate(), temporalDisabledDates, temporalMinDate, temporalMaxDate) ||
|
|
231
|
+
isTimeDisabled(zoned.toPlainTime(), temporalMinTime, temporalMaxTime));
|
|
232
|
+
}, [segmentValue, temporalDisabledDates, temporalMaxDate, temporalMaxTime, temporalMinDate, temporalMinTime, userZone]);
|
|
233
|
+
const handleSegmentsChange = useCallback((instant) => {
|
|
234
|
+
if (!open) {
|
|
235
|
+
setCommittedValue(instant);
|
|
236
|
+
return;
|
|
237
|
+
}
|
|
238
|
+
if (!instant) {
|
|
239
|
+
setDraftDate(undefined);
|
|
240
|
+
return;
|
|
241
|
+
}
|
|
242
|
+
const zoned = instant.toZonedDateTimeISO(userZone);
|
|
243
|
+
const parsed = temporalToParsed(zoned.toPlainTime());
|
|
244
|
+
setDraftDate(zoned.toPlainDate());
|
|
245
|
+
setMonth(zoned.toPlainDate());
|
|
246
|
+
setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
|
|
247
|
+
setDraftMinute(parsed.minute);
|
|
248
|
+
setDraftSecond(parsed.second);
|
|
249
|
+
setDraftPeriod(to12Hour(parsed.hour).period);
|
|
250
|
+
}, [clockFormat, open, setCommittedValue, userZone]);
|
|
251
|
+
/** `Alt+ArrowDown` from a segment: open the popover *and* go to the grid. */
|
|
252
|
+
const openWithGridFocus = useCallback(() => {
|
|
253
|
+
setAutoFocusDay(true);
|
|
254
|
+
handleOpenChange(true);
|
|
255
|
+
}, [handleOpenChange]);
|
|
256
|
+
/** `Enter` in a segment commits the draft, matching the popover's Apply. */
|
|
257
|
+
const handleFieldSubmit = useCallback(() => {
|
|
258
|
+
if (open)
|
|
259
|
+
handleApply();
|
|
260
|
+
}, [handleApply, open]);
|
|
171
261
|
// Time selection handlers
|
|
172
262
|
const handleHourChange = (hour) => setDraftHour(hour);
|
|
173
263
|
const handleMinuteChange = (minute) => setDraftMinute(minute);
|
|
@@ -182,11 +272,12 @@ export const DateTimePicker = (props) => {
|
|
|
182
272
|
// Check if a time is disabled
|
|
183
273
|
const checkTimeDisabled = useCallback((hour, minute, second) => {
|
|
184
274
|
const temporal = Temporal.PlainTime.from({ hour, minute, second });
|
|
185
|
-
return isTimeDisabled(temporal,
|
|
186
|
-
}, [
|
|
187
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex items-center", children: [_jsx(
|
|
275
|
+
return isTimeDisabled(temporal, temporalMinTime, temporalMaxTime);
|
|
276
|
+
}, [temporalMinTime, temporalMaxTime]);
|
|
277
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: ref, className: "relative flex items-center", children: [_jsx(PickerField, { ref: refs.setReference, className: cn("w-full min-w-80", className), icon: _jsx(Clock, { className: "h-4 w-4" }), toggleLabel: "Open date and time picker", toggleProps: getReferenceProps(), isOpen: open, contentId: contentId, isDisabled: isDisabled, isInvalid: isInvalid || outOfBounds, onClear: clearable && hasValue && !isDisabled ? handleClear : undefined, clearLabel: "Clear date and time", children: _jsx(DateTimeSegments, { className: "h-full flex-1", id: inputId, value: segmentValue, onChange: handleSegmentsChange, timeZone: userZone, order: segmentOrder, clockFormat: clockFormat, showSeconds: showSeconds, isDisabled: isDisabled, isInvalid: isInvalid || outOfBounds, onOpenRequest: openWithGridFocus, onSubmit: handleFieldSubmit }) }), name && committedValue && _jsx("input", { type: "hidden", name: name, value: committedValue.toString() })] }), open && (_jsx(FloatingPortal, { children: _jsxs("div", { ref: refs.setFloating, id: contentId, role: "dialog", "aria-label": "Choose date and time", style: floatingStyles, className: "z-popover rounded-xl border border-border-normal bg-bg-normal p-4 shadow-lg", ...getFloatingProps(), children: [_jsxs("div", { className: "flex gap-4", children: [_jsx(CalendarView, { mode: "single", value: draftDate, onSelect: setDraftDate, month: month, onMonthChange: setMonth, minDate: temporalMinDate, maxDate: temporalMaxDate, disabled: temporalDisabledDates, weekStartsOn: weekStartsOn, showFooter: false, autoFocusDay: autoFocusDay }), _jsx(Separator, { orientation: "vertical" }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "text-center font-semibold text-sm", children: "Time" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Hour" }), _jsx(TimeColumn, { values: hours, selected: draftHour, onSelect: handleHourChange, disabled: (hour) => {
|
|
188
278
|
const hour24 = clockFormat === "12h" ? to24Hour(hour, draftPeriod) : hour;
|
|
189
279
|
return checkTimeDisabled(hour24, draftMinute, draftSecond);
|
|
190
|
-
} })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Min" }), _jsx(TimeColumn, { values: minutes, selected: draftMinute, onSelect: handleMinuteChange, disabled: (minute) => checkTimeDisabled(draftTime.hour, minute, draftSecond) })] }), showSeconds && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Sec" }), _jsx(TimeColumn, { values: seconds, selected: draftSecond, onSelect: handleSecondChange, disabled: (second) => checkTimeDisabled(draftTime.hour, draftMinute, second) })] })), clockFormat === "12h" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "\u00A0" }), _jsx(PeriodSelector, { value: draftPeriod, onChange: handlePeriodChange })] }))] })] })] }), _jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { type: "button", variant: "solid", size: "sm", onClick: handleApply, children: "Apply" })] })] }) }))] }));
|
|
191
|
-
};
|
|
280
|
+
} })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Min" }), _jsx(TimeColumn, { values: minutes, selected: draftMinute, onSelect: handleMinuteChange, disabled: (minute) => checkTimeDisabled(draftTime.hour, minute, draftSecond) })] }), showSeconds && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Sec" }), _jsx(TimeColumn, { values: seconds, selected: draftSecond, onSelect: handleSecondChange, disabled: (second) => checkTimeDisabled(draftTime.hour, draftMinute, second) })] })), clockFormat === "12h" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "\u00A0" }), _jsx(PeriodSelector, { value: draftPeriod, onChange: handlePeriodChange })] }))] })] })] }), _jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { type: "button", variant: "solid", intent: "brand", size: "sm", onClick: handleApply, children: "Apply" })] })] }) }))] }));
|
|
281
|
+
});
|
|
282
|
+
DateTimePicker.displayName = "DateTimePicker";
|
|
192
283
|
//# sourceMappingURL=DateTimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACzI,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EACL,aAAa,EACb,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACT,MAAM,gCAAgC,CAAC;AAIxC;;GAEG;AACH,SAAS,oBAAoB,CAAC,OAAyB,EAAE,WAA0B,EAAE,WAAoB,EAAE,QAAiB;IAC1H,MAAM,EAAE,GAAG,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;IAE9C,mBAAmB;IACnB,MAAM,QAAQ,GAAG,aAAa,CAAC,cAAc,CAAC,OAAO,EAAE;QACrD,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IAEH,kCAAkC;IAClC,MAAM,WAAW,GAA+B;QAC9C,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,WAAW,KAAK,KAAK;KAC9B,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;QAChB,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC;IACjC,CAAC;IAED,MAAM,QAAQ,GAAG,aAAa,CAAC,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAEpE,OAAO,GAAG,QAAQ,KAAK,QAAQ,EAAE,CAAC;AACpC,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,yBAAyB,EACvC,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,IAAI,GACjB,GAAG,KAAK,CAAC;IAEV,aAAa;IACb,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,sDAAsD;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;QAC/D,KAAK;QACL,YAAY;QACZ,QAAQ;KACT,CAAC,CAAC;IAEH,kCAAkC;IAClC,+CAA+C;IAC/C,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,cAAc,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAEpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiC,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;IACtG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAa,IAAI,CAAC,CAAC;IAEjE,wCAAwC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,GAAG,EAAE;QAC1D,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,cAAc,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;YAC9D,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC;QACD,OAAO,KAAK,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,8BAA8B;IAC9B,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAgB,EAAE,EAAE;QACnB,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;YACrC,IAAI,cAAc,EAAE,CAAC;gBACnB,+CAA+C;gBAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;gBACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;gBAEzC,YAAY,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;gBACrC,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;gBACxD,YAAY,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACjF,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAC9B,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAC9B,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC7C,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,kCAAkC;gBAClC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;gBAC1B,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;gBAC7B,YAAY,CAAC,SAAS,CAAC,CAAC;gBACxB,MAAM,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC;gBAC7B,YAAY,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;gBACjF,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBAC3B,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBAC3B,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC7C,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;QACD,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,cAAc,EAAE,WAAW,CAAC,CAC9B,CAAC;IAEF,mDAAmD;IACnD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAe,EAAE;QAChD,MAAM,MAAM,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACpF,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;SACpB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpE,gBAAgB;IAChB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;QACjC,MAAM,aAAa,GAAG,SAAS,CAAC,eAAe,CAAC;YAC9C,IAAI,EAAE,SAAS,CAAC,IAAI;YACpB,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SAC3C,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QAElC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9D,iBAAiB;IACjB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,4BAA4B;QAC5B,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,cAAc,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;YACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;YAEzC,YAAY,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;YACrC,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;YACxD,YAAY,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACjF,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC9B,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC9B,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,cAAc;IACd,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmB,EAAE,EAAE;QACtB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,oBAAoB;IACpB,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QACpD,IAAI;QACJ,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY;QAC5D,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACtD,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElF,wBAAwB;IACxB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,SAAS,GAAG,0BAA0B,EAAE,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,wBAAwB,EAAE,EAAE,CAAC;IAE7C,uCAAuC;IACvC,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,cAAc,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1G,MAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAEzC,0BAA0B;IAC1B,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,CAAC,MAAkB,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAE1E,wBAAwB;IACxB,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,gDAAgD;IAChD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,8BAA8B;IAC9B,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAY,EAAE,MAAc,EAAE,MAAc,EAAW,EAAE;QACxD,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACnE,OAAO,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,8BAEE,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,KAAK,IAAC,SAAS,EAAC,4DAA4D,GAAG,EAChF,gBACE,GAAG,EAAE,IAAI,CAAC,YAA2C,EACrD,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,UAAU,kBACD,SAAS,mBACT,QAAQ,mBACP,IAAI,mBACJ,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,EAAE,CACX,+RAA+R,EAC/R,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACvC,SAAS,IAAI,sBAAsB,EACnC,SAAS,CACV,KACG,iBAAiB,EAAE,GACvB,EACD,SAAS,IAAI,QAAQ,IAAI,CAAC,UAAU,IAAI,CACvC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,0KAA0K,gBACzK,qBAAqB,YAEhC,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,GAAG,GACtB,CACV,EAGA,IAAI,IAAI,cAAc,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,GAAI,IAC5F,EAGL,IAAI,IAAI,CACP,KAAC,cAAc,cACb,eACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,KAAK,EAAE,cAAc,EACrB,SAAS,EAAC,6EAA6E,KACnF,gBAAgB,EAAE,aAEtB,eAAK,SAAS,EAAC,YAAY,aAEzB,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAA8D,EACxE,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,KAAK,GACjB,EAEF,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EAGpC,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,mCAAmC,qBAAW,EAG7D,eAAK,SAAS,EAAC,YAAY,aAEzB,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,gDAAgD,qBAAW,EAC1E,KAAC,UAAU,IACT,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE;gEACzB,MAAM,MAAM,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gEAC1E,OAAO,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;4DAC7D,CAAC,GACD,IACE,EAGN,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,gDAAgD,oBAAU,EACzE,KAAC,UAAU,IACT,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,GACpF,IACE,EAGL,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,gDAAgD,oBAAU,EACzE,KAAC,UAAU,IACT,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,GACpF,IACE,CACP,EAGA,WAAW,KAAK,KAAK,IAAI,CACxB,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,gDAAgD,uBAAa,EAC5E,KAAC,cAAc,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,GAAI,IAChE,CACP,IACG,IACF,IACF,EAEN,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAG9B,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,YAAY,uBAE5D,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,sBAE3D,IACL,IACF,GACS,CAClB,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Temporal } from "../../date-time/index.js";
|
|
2
|
+
import type { DateSegmentOrder } from "../DatePicker/datepicker.types.js";
|
|
3
|
+
import type { ClockFormat } from "../TimePicker/timepicker.types.js";
|
|
4
|
+
export type DateTimeSegmentsProps = {
|
|
5
|
+
/** The instant the segments display, or `undefined` for an empty field. */
|
|
6
|
+
value: Temporal.Instant | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* Fires with a complete instant, or `undefined` the moment the segments stop
|
|
9
|
+
* describing one. Never fires a partial value.
|
|
10
|
+
*/
|
|
11
|
+
onChange: (instant: Temporal.Instant | undefined) => void;
|
|
12
|
+
/** The zone the segments are read and written in. */
|
|
13
|
+
timeZone: string;
|
|
14
|
+
order?: DateSegmentOrder | undefined;
|
|
15
|
+
clockFormat?: ClockFormat | undefined;
|
|
16
|
+
showSeconds?: boolean | undefined;
|
|
17
|
+
isDisabled?: boolean | undefined;
|
|
18
|
+
isInvalid?: boolean | undefined;
|
|
19
|
+
label?: string | undefined;
|
|
20
|
+
onOpenRequest?: (() => void) | undefined;
|
|
21
|
+
onSubmit?: (() => void) | undefined;
|
|
22
|
+
id?: string | undefined;
|
|
23
|
+
className?: string | undefined;
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* The typeable half of `DateTimePicker`: one field of date *and* time segments.
|
|
27
|
+
*
|
|
28
|
+
* Deliberately one `SegmentedField` rather than a date field beside a time
|
|
29
|
+
* field: it is one value, so `Tab` and the digit roll-forward should carry
|
|
30
|
+
* straight from the year into the hour. `152026330p` is January 5th 2026 at
|
|
31
|
+
* 3:30pm, typed without a single tab.
|
|
32
|
+
*
|
|
33
|
+
* The date and time halves reuse the specs and codecs from `DatePicker` and
|
|
34
|
+
* `TimePicker`, so the three fields cannot drift apart in behaviour. What is
|
|
35
|
+
* specific here is the zone: segments are wall-clock, the value is an instant,
|
|
36
|
+
* and this is where that conversion happens.
|
|
37
|
+
*
|
|
38
|
+
* Internal to `DateTimePicker`; not exported from `./index.ts`.
|
|
39
|
+
*/
|
|
40
|
+
export declare function DateTimeSegments({ value, onChange, timeZone, order, clockFormat, showSeconds, label, ...rest }: DateTimeSegmentsProps): import("react").JSX.Element;
|
|
41
|
+
//# sourceMappingURL=DateTimeSegments.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimeSegments.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimeSegments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG;IAClC,2EAA2E;IAC3E,KAAK,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;IACpC;;;OAGG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAa,EACb,WAAmB,EACnB,WAAmB,EACnB,KAAuB,EACvB,GAAG,IAAI,EACR,EAAE,qBAAqB,+BA2DvB"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Temporal } from "../../date-time/index.js";
|
|
3
|
+
import { SegmentedField } from "../../internal/index.js";
|
|
4
|
+
import { dateFromSegments, dateSpec, dateToSegments, parseDatePasteIn } from "../DatePicker/DateSegments.js";
|
|
5
|
+
import { timeCodec, timeSpec } from "../TimePicker/TimeSegments.js";
|
|
6
|
+
/**
|
|
7
|
+
* The typeable half of `DateTimePicker`: one field of date *and* time segments.
|
|
8
|
+
*
|
|
9
|
+
* Deliberately one `SegmentedField` rather than a date field beside a time
|
|
10
|
+
* field: it is one value, so `Tab` and the digit roll-forward should carry
|
|
11
|
+
* straight from the year into the hour. `152026330p` is January 5th 2026 at
|
|
12
|
+
* 3:30pm, typed without a single tab.
|
|
13
|
+
*
|
|
14
|
+
* The date and time halves reuse the specs and codecs from `DatePicker` and
|
|
15
|
+
* `TimePicker`, so the three fields cannot drift apart in behaviour. What is
|
|
16
|
+
* specific here is the zone: segments are wall-clock, the value is an instant,
|
|
17
|
+
* and this is where that conversion happens.
|
|
18
|
+
*
|
|
19
|
+
* Internal to `DateTimePicker`; not exported from `./index.ts`.
|
|
20
|
+
*/
|
|
21
|
+
export function DateTimeSegments({ value, onChange, timeZone, order = "mdy", clockFormat = "12h", showSeconds = false, label = "Date and time", ...rest }) {
|
|
22
|
+
const format = showSeconds ? "HH:mm:ss" : "HH:mm";
|
|
23
|
+
// A space, not a slash: it separates the date from the time rather than one
|
|
24
|
+
// number from the next.
|
|
25
|
+
const spec = [...dateSpec(order), ...timeSpec(format, clockFormat, " ")];
|
|
26
|
+
const time = timeCodec(format, clockFormat);
|
|
27
|
+
const toSegments = (instant) => {
|
|
28
|
+
if (!instant)
|
|
29
|
+
return { ...dateToSegments(undefined), ...time.toSegments(undefined) };
|
|
30
|
+
const zoned = instant.toZonedDateTimeISO(timeZone);
|
|
31
|
+
return { ...dateToSegments(zoned.toPlainDate()), ...time.toSegments(zoned.toPlainTime()) };
|
|
32
|
+
};
|
|
33
|
+
const fromSegments = (values) => {
|
|
34
|
+
const date = dateFromSegments(values);
|
|
35
|
+
const plainTime = time.fromSegments(values);
|
|
36
|
+
return date.toPlainDateTime(plainTime).toZonedDateTime(timeZone).toInstant();
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* A pasted string is split at the first space: the date half is read by the
|
|
40
|
+
* date field's rules (ISO always, otherwise the segment order) and the time
|
|
41
|
+
* half by the clock's. Either half alone is accepted, leaving the other empty.
|
|
42
|
+
*/
|
|
43
|
+
const parsePaste = (text) => {
|
|
44
|
+
const trimmed = text.trim();
|
|
45
|
+
// An ISO instant pastes as a whole.
|
|
46
|
+
try {
|
|
47
|
+
if (/\d{4}-\d{2}-\d{2}T/.test(trimmed))
|
|
48
|
+
return toSegments(Temporal.Instant.from(trimmed));
|
|
49
|
+
}
|
|
50
|
+
catch {
|
|
51
|
+
// Not an instant after all; fall through to the halves below.
|
|
52
|
+
}
|
|
53
|
+
const [datePart, ...timeParts] = trimmed.split(/\s+/);
|
|
54
|
+
const datePasted = datePart ? parseDatePasteIn(order)(datePart) : null;
|
|
55
|
+
const timePasted = timeParts.length > 0 ? time.parsePaste(timeParts.join(" ")) : null;
|
|
56
|
+
if (!datePasted && !timePasted)
|
|
57
|
+
return null;
|
|
58
|
+
return {
|
|
59
|
+
...dateToSegments(undefined),
|
|
60
|
+
...time.toSegments(undefined),
|
|
61
|
+
...(datePasted ?? {}),
|
|
62
|
+
...(timePasted ?? {}),
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
return (_jsx(SegmentedField, { spec: spec, value: value, toSegments: toSegments, fromSegments: fromSegments, keyOf: (instant) => instant.toString(), onChange: onChange, parsePaste: parsePaste, label: label, ...rest }));
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=DateTimeSegments.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimeSegments.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimeSegments.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
/**
|
|
2
|
+
* DateTimePicker types.
|
|
3
|
+
*
|
|
4
|
+
* The value is an absolute instant, exchanged as a canonical UTC ISO string
|
|
5
|
+
* (`"2026-08-26T00:30:00Z"`). Input written with a numeric offset is accepted and
|
|
6
|
+
* normalised to the `Z` form, so one instant always has one representation.
|
|
7
|
+
*
|
|
8
|
+
* Date and time constraints are plain dates and wall-clock times, since they
|
|
9
|
+
* describe the picker's grid rather than an absolute moment.
|
|
10
|
+
*/
|
|
11
|
+
import type { DisabledDates, ISODate, ISOInstant, ISOTime, WeekStartsOn } from "../../date-time/index.js";
|
|
12
|
+
import type { DateSegmentOrder } from "../DatePicker/datepicker.types.js";
|
|
10
13
|
export type DateTimePickerProps = {
|
|
11
|
-
value?:
|
|
12
|
-
defaultValue?:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
value?: ISOInstant | undefined;
|
|
15
|
+
defaultValue?: ISOInstant | undefined;
|
|
16
|
+
/** Called with a canonical UTC instant string, or undefined when cleared. */
|
|
17
|
+
onChange?: (instant: ISOInstant | undefined) => void;
|
|
18
|
+
minDate?: ISODate;
|
|
19
|
+
maxDate?: ISODate;
|
|
20
|
+
disabledDates?: DisabledDates | DisabledDates[];
|
|
21
|
+
minTime?: ISOTime;
|
|
22
|
+
maxTime?: ISOTime;
|
|
19
23
|
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
20
24
|
clockFormat?: "12h" | "24h";
|
|
21
25
|
showSeconds?: boolean;
|
|
22
|
-
placeholder?: string;
|
|
23
26
|
weekStartsOn?: WeekStartsOn;
|
|
27
|
+
/**
|
|
28
|
+
* Segment order for the date half of the typeable field (default `mdy`).
|
|
29
|
+
* Never inferred from the locale — `08/09` is a different date under each.
|
|
30
|
+
*/
|
|
31
|
+
segmentOrder?: DateSegmentOrder;
|
|
24
32
|
name?: string;
|
|
25
33
|
isDisabled?: boolean;
|
|
26
34
|
isInvalid?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetimepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"datetimepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAAG;IAEhC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACtC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAGrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAGhD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAGlC,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAGhC,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAExB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
|
@@ -1,2 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DateTimePicker types.
|
|
3
|
+
*
|
|
4
|
+
* The value is an absolute instant, exchanged as a canonical UTC ISO string
|
|
5
|
+
* (`"2026-08-26T00:30:00Z"`). Input written with a numeric offset is accepted and
|
|
6
|
+
* normalised to the `Z` form, so one instant always has one representation.
|
|
7
|
+
*
|
|
8
|
+
* Date and time constraints are plain dates and wall-clock times, since they
|
|
9
|
+
* describe the picker's grid rather than an absolute moment.
|
|
10
|
+
*/
|
|
1
11
|
export {};
|
|
2
12
|
//# sourceMappingURL=datetimepicker.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetimepicker.types.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"datetimepicker.types.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Public surface of `@sixthshift/design-system/datetime-picker`.
|
|
3
|
+
*
|
|
4
|
+
* `DisabledDateMatcher` was a Temporal-shaped type and is gone; the ISO
|
|
5
|
+
* equivalent `DisabledDates` is re-exported here.
|
|
6
|
+
*/
|
|
7
|
+
export type { DisabledDates, ISODate, ISOInstant, ISOTime } from "../../date-time/index.js";
|
|
1
8
|
export { DateTimePicker } from "./DateTimePicker.js";
|
|
2
|
-
export type { DateTimePickerProps
|
|
9
|
+
export type { DateTimePickerProps } from "./datetimepicker.types.js";
|
|
3
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Public surface of `@sixthshift/design-system/datetime-picker`.
|
|
3
|
+
*
|
|
4
|
+
* `DisabledDateMatcher` was a Temporal-shaped type and is gone; the ISO
|
|
5
|
+
* equivalent `DisabledDates` is re-exported here.
|
|
6
|
+
*/
|
|
1
7
|
export { DateTimePicker } from "./DateTimePicker.js";
|
|
2
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,10 +1,36 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
import type { DateTimeRangePickerProps } from "./datetimerangepicker.types.js";
|
|
3
3
|
/**
|
|
4
4
|
* DateTimeRangePicker - A component for selecting a datetime range
|
|
5
5
|
*
|
|
6
|
-
* Combines
|
|
7
|
-
*
|
|
6
|
+
* Combines a single range calendar with two sets of time columns — Start Time
|
|
7
|
+
* and End Time — shown side by side below it. Like `DateTimePicker`, it is
|
|
8
|
+
* not a composition of other picker components: it builds directly on the
|
|
9
|
+
* same internal calendar grid and time-column primitives `TimePicker` and
|
|
10
|
+
* `DateTimePicker` use.
|
|
11
|
+
*
|
|
12
|
+
* The trigger is two typeable fields, one per end — each a full date-and-time
|
|
13
|
+
* (`1520260900a` is January 5th 2026 at 9am), each with its own clear button,
|
|
14
|
+
* sharing one popover that anchors to whichever half is being edited. A typed
|
|
15
|
+
* end that falls outside `minDate`/`maxDate`/`minTime`/`maxTime` is flagged
|
|
16
|
+
* rather than clamped. See `SegmentedField` for the keyboard model.
|
|
17
|
+
*
|
|
18
|
+
* The value is an `ISOInstantRange` (`{ from?: ISOInstant, to?: ISOInstant }`,
|
|
19
|
+
* exported as `DateTimeRangeValue` for historical reasons) — both ends
|
|
20
|
+
* absolute instants, always UTC and ending in `Z`. Each end is edited in the
|
|
21
|
+
* viewer's local timezone and converted to/from UTC at the boundary. Supports
|
|
22
|
+
* controlled (`value`/`onChange`) and uncontrolled (`defaultValue`) use.
|
|
23
|
+
*
|
|
24
|
+
* Opening the popover seeds date-range and time drafts from the committed
|
|
25
|
+
* value; the footer's Apply combines them into an instant range and commits,
|
|
26
|
+
* Cancel discards the draft. `minDate`/`maxDate` and `disabledDates` bound the
|
|
27
|
+
* date grid. `minTime`/`maxTime` are wall-clock bounds that apply to **both**
|
|
28
|
+
* the start and end time columns identically — they do not mean "start no
|
|
29
|
+
* earlier than X, end no later than Y" relative to each other, and they say
|
|
30
|
+
* nothing about the resulting instants (a `maxTime` of `17:00` still allows an
|
|
31
|
+
* end date after the start date). `presets` (a zero-arg-function value, like
|
|
32
|
+
* `DateRangePicker`) replaces the built-in preset list; `showPresets={false}`
|
|
33
|
+
* hides the sidebar.
|
|
8
34
|
*/
|
|
9
|
-
export declare const DateTimeRangePicker:
|
|
35
|
+
export declare const DateTimeRangePicker: React.ForwardRefExoticComponent<DateTimeRangePickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
36
|
//# sourceMappingURL=DateTimeRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,OAAO,KAAK,EAAE,wBAAwB,EAAiD,MAAM,6BAA6B,CAAC;AAsD3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,mBAAmB,iGAqqB9B,CAAC"}
|