@sixthshift/design-system 0.3.0 → 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 +114 -12
- package/dist/components/Badge/Badge.d.ts +64 -9
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +54 -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 +12 -0
- package/dist/components/BarChart/BarChart.d.ts.map +1 -1
- package/dist/components/BarChart/BarChart.js +12 -0
- 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 +18 -4
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.js +19 -5
- package/dist/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/Calendar/CalendarView.d.ts.map +1 -1
- package/dist/components/Calendar/CalendarView.js +10 -2
- package/dist/components/Calendar/CalendarView.js.map +1 -1
- package/dist/components/Calendar/calendar.types.d.ts +9 -0
- package/dist/components/Calendar/calendar.types.d.ts.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 +43 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +166 -4
- 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 +19 -1
- package/dist/components/DatePicker/datepicker.types.d.ts.map +1 -1
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +20 -2
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +22 -4
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/daterangepicker.types.d.ts +6 -1
- package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.d.ts +30 -2
- package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.js +105 -32
- 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 +6 -1
- package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +28 -2
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +136 -58
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts +6 -1
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts.map +1 -1
- package/dist/components/Field/Field.d.ts +15 -17
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.js +18 -3
- 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 +17 -0
- package/dist/components/LineChart/LineChart.d.ts.map +1 -1
- package/dist/components/LineChart/LineChart.js +17 -0
- package/dist/components/LineChart/LineChart.js.map +1 -1
- package/dist/components/Markdown/Markdown.d.ts +17 -0
- package/dist/components/Markdown/Markdown.d.ts.map +1 -1
- package/dist/components/Markdown/Markdown.js +17 -0
- 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 +53 -17
- 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 +36 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +37 -1
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components/ModalHeader.js +1 -1
- 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 +29 -0
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +14 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +14 -0
- 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 +4 -5
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +4 -5
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/SelectDropdown.d.ts.map +1 -1
- package/dist/components/Select/SelectDropdown.js +4 -3
- package/dist/components/Select/SelectDropdown.js.map +1 -1
- package/dist/components/Select/SelectTrigger.js +2 -2
- package/dist/components/Select/SelectTrigger.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 +6 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/Sheet/Sheet.js +7 -1
- package/dist/components/Sheet/Sheet.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.js +1 -1
- package/dist/components/Sheet/components/SheetHeader.js.map +1 -1
- package/dist/components/Sparkline/Sparkline.d.ts +11 -0
- package/dist/components/Sparkline/Sparkline.d.ts.map +1 -1
- package/dist/components/Sparkline/Sparkline.js +11 -0
- 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 +6 -0
- 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/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 +14 -12
- package/dist/components/TagChip/TagChip.d.ts.map +1 -1
- package/dist/components/TagChip/TagChip.js +14 -1
- package/dist/components/TagChip/TagChip.js.map +1 -1
- package/dist/components/TagInput/TagInput.d.ts +11 -8
- package/dist/components/TagInput/TagInput.d.ts.map +1 -1
- package/dist/components/TagInput/TagInput.js +11 -0
- 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 +32 -0
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +93 -6
- 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 +0 -2
- package/dist/components/TimePicker/timepicker.types.d.ts.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.map +1 -1
- package/dist/date-time/index.js +0 -1
- package/dist/date-time/index.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 +2 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/schema.d.ts +0 -22
- package/dist/theme/schema.d.ts.map +1 -1
- package/dist/theme/schema.js +0 -9
- package/dist/theme/schema.js.map +1 -1
- package/package.json +3 -45
- package/src/components/Badge/Badge.tsx +85 -48
- package/src/components/Badge/index.ts +10 -1
- package/src/components/BarChart/BarChart.tsx +12 -0
- package/src/components/Button/Button.tsx +129 -106
- package/src/components/Button/index.ts +10 -1
- package/src/components/Calendar/Calendar.tsx +29 -16
- package/src/components/Calendar/CalendarView.tsx +10 -1
- package/src/components/Calendar/calendar.types.ts +10 -0
- 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 +279 -28
- package/src/components/DatePicker/DateSegments.tsx +125 -0
- package/src/components/DatePicker/datepicker.types.ts +21 -1
- package/src/components/DatePicker/index.ts +8 -1
- package/src/components/DateRangePicker/DateRangePicker.tsx +22 -4
- package/src/components/DateRangePicker/daterangepicker.types.ts +7 -1
- package/src/components/DateTimePicker/DateTimePicker.tsx +143 -70
- package/src/components/DateTimePicker/DateTimeSegments.tsx +113 -0
- package/src/components/DateTimePicker/datetimepicker.types.ts +7 -1
- package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +195 -104
- package/src/components/DateTimeRangePicker/datetimerangepicker.types.ts +7 -1
- package/src/components/Field/Field.tsx +20 -22
- 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 +17 -0
- package/src/components/Markdown/Markdown.tsx +17 -0
- package/src/components/Message/Message.tsx +73 -23
- package/src/components/Message/index.ts +1 -1
- package/src/components/Modal/Modal.tsx +42 -3
- package/src/components/Modal/components/ModalHeader.tsx +1 -1
- package/src/components/Popover/Popover.tsx +29 -0
- package/src/components/ProgressBar/ProgressBar.tsx +14 -0
- 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 +4 -5
- package/src/components/Select/SelectDropdown.tsx +13 -9
- package/src/components/Select/SelectTrigger.tsx +7 -7
- package/src/components/Separator/Separator.tsx +10 -0
- package/src/components/Sheet/Sheet.tsx +8 -2
- package/src/components/Sheet/components/SheetFooter.tsx +1 -1
- package/src/components/Sheet/components/SheetHeader.tsx +2 -2
- package/src/components/Sparkline/Sparkline.tsx +11 -0
- 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/TabsTrigger.tsx +22 -5
- package/src/components/TagChip/TagChip.tsx +18 -16
- package/src/components/TagInput/TagInput.tsx +11 -8
- 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 +127 -39
- package/src/components/TimePicker/TimeSegments.tsx +131 -0
- package/src/components/TimePicker/timepicker.hooks.ts +1 -24
- package/src/components/TimePicker/timepicker.types.ts +0 -3
- 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 +0 -1
- 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 +0 -6
- 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 +0 -27
- package/src/theme/tokens.css +26 -9
- 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 -19
- package/dist/components/ColorDot/ColorDot.d.ts.map +0 -1
- package/dist/components/ColorDot/ColorDot.js +0 -36
- 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 -26
- package/dist/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/dist/components/EmptyState/EmptyState.js +0 -9
- 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 -8
- 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 -16
- package/dist/components/NavBottom/NavBottom.d.ts.map +0 -1
- package/dist/components/NavBottom/NavBottom.js +0 -21
- 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 -16
- package/dist/components/NavSide/NavSide.d.ts.map +0 -1
- package/dist/components/NavSide/NavSide.js +0 -12
- 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 -4
- package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
- package/dist/components/Skeleton/Skeleton.js +0 -9
- 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 -15
- 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/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 -52
- package/src/components/ColorDot/index.ts +0 -1
- package/src/components/EmptyState/EmptyState.tsx +0 -30
- 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 -18
- package/src/components/MetricList/MetricRow.tsx +0 -30
- package/src/components/MetricList/index.ts +0 -2
- package/src/components/NavBottom/NavBottom.tsx +0 -55
- package/src/components/NavBottom/index.ts +0 -3
- package/src/components/NavSide/NavItem.tsx +0 -39
- package/src/components/NavSide/NavSide.tsx +0 -42
- 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 -9
- package/src/components/Skeleton/index.ts +0 -1
- package/src/components/StatsCard/StatsCard.tsx +0 -41
- package/src/components/StatsCard/index.ts +0 -1
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* (`"2026-08-26"`).
|
|
6
6
|
*/
|
|
7
7
|
import type { DisabledDates, ISODate, ISODateRange, WeekStartsOn } from "../../date-time/index.js";
|
|
8
|
+
import type { DateSegmentOrder } from "../DatePicker/datepicker.types.js";
|
|
8
9
|
/**
|
|
9
10
|
* A preset range.
|
|
10
11
|
*
|
|
@@ -24,8 +25,12 @@ export type DateRangePickerProps = {
|
|
|
24
25
|
disabled?: DisabledDates | DisabledDates[];
|
|
25
26
|
presets?: PresetOption[];
|
|
26
27
|
showPresets?: boolean;
|
|
27
|
-
placeholder?: string;
|
|
28
28
|
weekStartsOn?: WeekStartsOn;
|
|
29
|
+
/**
|
|
30
|
+
* Segment order for both typeable fields (default `mdy`). Never inferred from
|
|
31
|
+
* the locale — `08/09` is a different date under each.
|
|
32
|
+
*/
|
|
33
|
+
segmentOrder?: DateSegmentOrder;
|
|
29
34
|
name?: string;
|
|
30
35
|
isDisabled?: boolean;
|
|
31
36
|
isInvalid?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daterangepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/daterangepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"daterangepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/daterangepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAEjC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;IAGrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAG3C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,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"}
|
|
@@ -3,8 +3,36 @@ import type { DateTimePickerProps } from "./datetimepicker.types.js";
|
|
|
3
3
|
/**
|
|
4
4
|
* DateTimePicker - A component for selecting both date and time
|
|
5
5
|
*
|
|
6
|
-
* Combines date and time selection in a single popup with side-by-side layout
|
|
7
|
-
*
|
|
6
|
+
* Combines date and time selection in a single popup with side-by-side layout:
|
|
7
|
+
* a `Calendar` grid on the left, hour/minute(/second) columns on the right.
|
|
8
|
+
*
|
|
9
|
+
* The trigger is one typeable field of date *and* time segments — one value, so
|
|
10
|
+
* the digits roll straight from the year into the hour: `1520260330p` is January
|
|
11
|
+
* 5th 2026 at 3:30pm, typed without a tab. `segmentOrder` sets the date half's
|
|
12
|
+
* order (never inferred from the locale), `clockFormat` decides the hour's range
|
|
13
|
+
* and whether there is an AM/PM segment, and `Alt+ArrowDown` opens the popover
|
|
14
|
+
* on the month being typed. See `SegmentedField` for the whole keyboard model.
|
|
15
|
+
* It is not a composition of `DatePicker` and `TimePicker` — it builds
|
|
16
|
+
* directly on the same internal calendar grid and time-column primitives
|
|
17
|
+
* those two use, so the two stay visually consistent without either being
|
|
18
|
+
* mounted as a component.
|
|
19
|
+
*
|
|
20
|
+
* The value is a single absolute instant: an `ISOInstant` string
|
|
21
|
+
* (`"2026-08-26T00:30:00Z"`), always UTC and always ending in `Z`. It is
|
|
22
|
+
* edited in the viewer's local timezone (`Temporal.Now.timeZoneId()`) and
|
|
23
|
+
* converted to/from UTC at the boundary, so the same stored instant displays
|
|
24
|
+
* differently to viewers in different timezones. Input written with a
|
|
25
|
+
* numeric offset is normalised to the `Z` form. Supports controlled
|
|
26
|
+
* (`value`/`onChange`) and uncontrolled (`defaultValue`) use.
|
|
27
|
+
*
|
|
28
|
+
* Opening the popover seeds date and time drafts from the committed value (or
|
|
29
|
+
* today + the current time, if none); the footer's Apply combines them into
|
|
30
|
+
* an instant and commits, Cancel discards the draft. `minDate`/`maxDate` and
|
|
31
|
+
* `disabledDates` bound the date grid; `minTime`/`maxTime` bound the wall-clock
|
|
32
|
+
* time columns — these are plain date/time constraints on the picker's grid,
|
|
33
|
+
* not constraints on the resulting instant. `clockFormat` and `showSeconds`
|
|
34
|
+
* control the time columns; `clearable` (default `true`) shows the clear
|
|
35
|
+
* button.
|
|
8
36
|
*/
|
|
9
37
|
export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
38
|
//# sourceMappingURL=DateTimePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,cAAc,4FA2azB,CAAC"}
|
|
@@ -2,51 +2,59 @@ 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
|
|
5
|
+
import { Clock } from "lucide-react";
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import { useCallback, useId, useMemo, useState } from "react";
|
|
8
8
|
import { adaptDisabledDates, fromISODateOrUndefined, fromISOInstantOrUndefined, fromISOTimeOrUndefined, Temporal, today, toISOInstantOrUndefined, } from "../../date-time/index.js";
|
|
9
|
+
import { PickerField } from "../../internal/index.js";
|
|
9
10
|
import { Button } from "../Button/index.js";
|
|
10
11
|
import { CalendarView } from "../Calendar/CalendarView.js";
|
|
12
|
+
import { isDateDisabled } from "../Calendar/calendar.hooks.js";
|
|
11
13
|
import { Separator } from "../Separator/index.js";
|
|
12
14
|
import { PeriodSelector } from "../TimePicker/PeriodSelector.js";
|
|
13
15
|
import { TimeColumn } from "../TimePicker/TimeColumn.js";
|
|
14
16
|
import { generateHours, generateMinutes, generateSeconds, getCurrentTime, isTimeDisabled, temporalToParsed, to12Hour, to24Hour, } from "../TimePicker/timepicker.hooks.js";
|
|
15
|
-
|
|
16
|
-
* Format an Instant for display
|
|
17
|
-
*/
|
|
18
|
-
function formatInstantDisplay(instant, clockFormat, showSeconds, timeZone) {
|
|
19
|
-
const tz = timeZone ?? Temporal.Now.timeZoneId();
|
|
20
|
-
const zoned = instant.toZonedDateTimeISO(tz);
|
|
21
|
-
const plainDateTime = zoned.toPlainDateTime();
|
|
22
|
-
// Format date part
|
|
23
|
-
const datePart = plainDateTime.toLocaleString("en-US", {
|
|
24
|
-
month: "long",
|
|
25
|
-
day: "numeric",
|
|
26
|
-
year: "numeric",
|
|
27
|
-
});
|
|
28
|
-
// Format time part based on props
|
|
29
|
-
const timeOptions = {
|
|
30
|
-
hour: "numeric",
|
|
31
|
-
minute: "2-digit",
|
|
32
|
-
hour12: clockFormat === "12h",
|
|
33
|
-
};
|
|
34
|
-
if (showSeconds) {
|
|
35
|
-
timeOptions.second = "2-digit";
|
|
36
|
-
}
|
|
37
|
-
const timePart = plainDateTime.toLocaleString("en-US", timeOptions);
|
|
38
|
-
return `${datePart}, ${timePart}`;
|
|
39
|
-
}
|
|
17
|
+
import { DateTimeSegments } from "./DateTimeSegments.js";
|
|
40
18
|
/**
|
|
41
19
|
* DateTimePicker - A component for selecting both date and time
|
|
42
20
|
*
|
|
43
|
-
* Combines date and time selection in a single popup with side-by-side layout
|
|
44
|
-
*
|
|
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.
|
|
45
51
|
*/
|
|
46
52
|
export const DateTimePicker = React.forwardRef((props, ref) => {
|
|
47
|
-
const { value, defaultValue, onChange, minDate, maxDate, disabledDates, minTime, maxTime, minuteStep = 1, clockFormat = "12h", showSeconds = false,
|
|
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;
|
|
48
54
|
// Open state
|
|
49
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);
|
|
50
58
|
// ---------------------------------------------------------------------------
|
|
51
59
|
// The ISO boundary.
|
|
52
60
|
//
|
|
@@ -88,6 +96,8 @@ export const DateTimePicker = React.forwardRef((props, ref) => {
|
|
|
88
96
|
});
|
|
89
97
|
// Sync draft when popup opens
|
|
90
98
|
const handleOpenChange = useCallback((newOpen) => {
|
|
99
|
+
if (!newOpen)
|
|
100
|
+
setAutoFocusDay(false);
|
|
91
101
|
if (newOpen) {
|
|
92
102
|
const tz = Temporal.Now.timeZoneId();
|
|
93
103
|
if (committedValue) {
|
|
@@ -183,8 +193,71 @@ export const DateTimePicker = React.forwardRef((props, ref) => {
|
|
|
183
193
|
const contentId = `datetimepicker-content-${id}`;
|
|
184
194
|
const inputId = `datetimepicker-input-${id}`;
|
|
185
195
|
// Display value (from committed value)
|
|
186
|
-
const displayValue = committedValue ? formatInstantDisplay(committedValue, clockFormat, showSeconds) : "";
|
|
187
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]);
|
|
188
261
|
// Time selection handlers
|
|
189
262
|
const handleHourChange = (hour) => setDraftHour(hour);
|
|
190
263
|
const handleMinuteChange = (minute) => setDraftMinute(minute);
|
|
@@ -201,10 +274,10 @@ export const DateTimePicker = React.forwardRef((props, ref) => {
|
|
|
201
274
|
const temporal = Temporal.PlainTime.from({ hour, minute, second });
|
|
202
275
|
return isTimeDisabled(temporal, temporalMinTime, temporalMaxTime);
|
|
203
276
|
}, [temporalMinTime, temporalMaxTime]);
|
|
204
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: ref, className: "relative flex items-center", children: [_jsx(
|
|
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) => {
|
|
205
278
|
const hour24 = clockFormat === "12h" ? to24Hour(hour, draftPeriod) : hour;
|
|
206
279
|
return checkTimeDisabled(hour24, draftMinute, draftSecond);
|
|
207
|
-
} })] }), _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" })] })] }) }))] }));
|
|
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" })] })] }) }))] }));
|
|
208
281
|
});
|
|
209
282
|
DateTimePicker.displayName = "DateTimePicker";
|
|
210
283
|
//# sourceMappingURL=DateTimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"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"}
|
|
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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"}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
* describe the picker's grid rather than an absolute moment.
|
|
10
10
|
*/
|
|
11
11
|
import type { DisabledDates, ISODate, ISOInstant, ISOTime, WeekStartsOn } from "../../date-time/index.js";
|
|
12
|
+
import type { DateSegmentOrder } from "../DatePicker/datepicker.types.js";
|
|
12
13
|
export type DateTimePickerProps = {
|
|
13
14
|
value?: ISOInstant | undefined;
|
|
14
15
|
defaultValue?: ISOInstant | undefined;
|
|
@@ -22,8 +23,12 @@ export type DateTimePickerProps = {
|
|
|
22
23
|
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
23
24
|
clockFormat?: "12h" | "24h";
|
|
24
25
|
showSeconds?: boolean;
|
|
25
|
-
placeholder?: string;
|
|
26
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;
|
|
27
32
|
name?: string;
|
|
28
33
|
isDisabled?: boolean;
|
|
29
34
|
isInvalid?: boolean;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -3,8 +3,34 @@ 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
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,MAAM,OAAO,CAAC;
|
|
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"}
|