@dextinity/admin-date-time 2.0.0-canary-20260729062014

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.
Files changed (71) hide show
  1. package/LICENSE +24 -0
  2. package/lib/DatePickerNavigation.d.ts +35 -0
  3. package/lib/DatePickerNavigation.d.ts.map +1 -0
  4. package/lib/DatePickerNavigation.js +167 -0
  5. package/lib/datePicker/DateField.d.ts +8 -0
  6. package/lib/datePicker/DateField.d.ts.map +1 -0
  7. package/lib/datePicker/DateField.js +20 -0
  8. package/lib/datePicker/DatePicker.d.ts +36 -0
  9. package/lib/datePicker/DatePicker.d.ts.map +1 -0
  10. package/lib/datePicker/DatePicker.js +93 -0
  11. package/lib/datePicker/DatePicker.slots.d.ts +28 -0
  12. package/lib/datePicker/DatePicker.slots.d.ts.map +1 -0
  13. package/lib/datePicker/DatePicker.slots.js +92 -0
  14. package/lib/datePicker/FinalFormDatePicker.d.ts +14 -0
  15. package/lib/datePicker/FinalFormDatePicker.d.ts.map +1 -0
  16. package/lib/datePicker/FinalFormDatePicker.js +24 -0
  17. package/lib/dateRangePicker/DateRangeField.d.ts +9 -0
  18. package/lib/dateRangePicker/DateRangeField.d.ts.map +1 -0
  19. package/lib/dateRangePicker/DateRangeField.js +20 -0
  20. package/lib/dateRangePicker/DateRangePicker.d.ts +44 -0
  21. package/lib/dateRangePicker/DateRangePicker.d.ts.map +1 -0
  22. package/lib/dateRangePicker/DateRangePicker.js +145 -0
  23. package/lib/dateRangePicker/DateRangePicker.slots.d.ts +28 -0
  24. package/lib/dateRangePicker/DateRangePicker.slots.d.ts.map +1 -0
  25. package/lib/dateRangePicker/DateRangePicker.slots.js +116 -0
  26. package/lib/dateRangePicker/FinalFormDateRangePicker.d.ts +14 -0
  27. package/lib/dateRangePicker/FinalFormDateRangePicker.d.ts.map +1 -0
  28. package/lib/dateRangePicker/FinalFormDateRangePicker.js +24 -0
  29. package/lib/dateTimePicker/DateTimeField.d.ts +8 -0
  30. package/lib/dateTimePicker/DateTimeField.d.ts.map +1 -0
  31. package/lib/dateTimePicker/DateTimeField.js +20 -0
  32. package/lib/dateTimePicker/DateTimePicker.d.ts +39 -0
  33. package/lib/dateTimePicker/DateTimePicker.d.ts.map +1 -0
  34. package/lib/dateTimePicker/DateTimePicker.js +149 -0
  35. package/lib/dateTimePicker/FinalFormDateTimePicker.d.ts +14 -0
  36. package/lib/dateTimePicker/FinalFormDateTimePicker.d.ts.map +1 -0
  37. package/lib/dateTimePicker/FinalFormDateTimePicker.js +24 -0
  38. package/lib/index.d.ts +22 -0
  39. package/lib/index.d.ts.map +1 -0
  40. package/lib/index.js +16 -0
  41. package/lib/timePicker/FinalFormTimePicker.d.ts +14 -0
  42. package/lib/timePicker/FinalFormTimePicker.d.ts.map +1 -0
  43. package/lib/timePicker/FinalFormTimePicker.js +24 -0
  44. package/lib/timePicker/TimeField.d.ts +8 -0
  45. package/lib/timePicker/TimeField.d.ts.map +1 -0
  46. package/lib/timePicker/TimeField.js +20 -0
  47. package/lib/timePicker/TimePicker.d.ts +41 -0
  48. package/lib/timePicker/TimePicker.d.ts.map +1 -0
  49. package/lib/timePicker/TimePicker.js +141 -0
  50. package/lib/timeRangePicker/FinalFormTimeRangePicker.d.ts +14 -0
  51. package/lib/timeRangePicker/FinalFormTimeRangePicker.d.ts.map +1 -0
  52. package/lib/timeRangePicker/FinalFormTimeRangePicker.js +24 -0
  53. package/lib/timeRangePicker/TimeRangeField.d.ts +9 -0
  54. package/lib/timeRangePicker/TimeRangeField.d.ts.map +1 -0
  55. package/lib/timeRangePicker/TimeRangeField.js +20 -0
  56. package/lib/timeRangePicker/TimeRangePicker.d.ts +49 -0
  57. package/lib/timeRangePicker/TimeRangePicker.d.ts.map +1 -0
  58. package/lib/timeRangePicker/TimeRangePicker.js +184 -0
  59. package/lib/utils/DateFnsLocaleProvider.d.ts +13 -0
  60. package/lib/utils/DateFnsLocaleProvider.d.ts.map +1 -0
  61. package/lib/utils/DateFnsLocaleProvider.js +18 -0
  62. package/lib/utils/datePickerHelpers.d.ts +4 -0
  63. package/lib/utils/datePickerHelpers.d.ts.map +1 -0
  64. package/lib/utils/datePickerHelpers.js +8 -0
  65. package/lib/utils/getReactDateRangeStyles.d.ts +4 -0
  66. package/lib/utils/getReactDateRangeStyles.d.ts.map +1 -0
  67. package/lib/utils/getReactDateRangeStyles.js +78 -0
  68. package/lib/utils/timePickerHelpers.d.ts +6 -0
  69. package/lib/utils/timePickerHelpers.d.ts.map +1 -0
  70. package/lib/utils/timePickerHelpers.js +74 -0
  71. package/package.json +83 -0
@@ -0,0 +1,149 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ var _excluded = ["onChange", "value", "required", "disabled", "slotProps", "onBlur", "onFocus"];
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
4
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
7
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
9
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
10
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
11
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
12
+ import { createComponentSlot } from "@dextinity/admin";
13
+ import { FormControl } from "@mui/material";
14
+ import { css, useThemeProps } from "@mui/material/styles";
15
+ import { useRef } from "react";
16
+ import { useIntl } from "react-intl";
17
+ import { DatePicker as DatePickerBase } from "../datePicker/DatePicker";
18
+ import { TimePicker as TimePickerBase } from "../timePicker/TimePicker";
19
+ import { getIsoDateString } from "../utils/datePickerHelpers";
20
+ import { getDateWithNewTime, getTimeStringFromDate } from "../utils/timePickerHelpers";
21
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
+ var Root = createComponentSlot("div")({
23
+ componentName: "LegacyDateTimePicker",
24
+ slotName: "root"
25
+ })(function (_ref) {
26
+ var theme = _ref.theme;
27
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", " {\n display: flex;\n align-items: center;\n }\n "])), theme.breakpoints.up("sm"));
28
+ });
29
+ var DateFormControl = createComponentSlot(FormControl)({
30
+ componentName: "LegacyDateTimePicker",
31
+ slotName: "dateFormControl"
32
+ })(function (_ref2) {
33
+ var theme = _ref2.theme;
34
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n width: 100%;\n\n ", " {\n flex-grow: 1;\n margin-right: ", ";\n margin-bottom: 0;\n width: auto;\n }\n "])), theme.spacing(2), theme.breakpoints.up("sm"), theme.spacing(2));
35
+ });
36
+ var TimeFormControl = createComponentSlot(FormControl)({
37
+ componentName: "LegacyDateTimePicker",
38
+ slotName: "timeFormControl"
39
+ })(function (_ref3) {
40
+ var theme = _ref3.theme;
41
+ return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n flex-grow: 1;\n\n ", " {\n width: auto;\n }\n "])), theme.breakpoints.up("sm"));
42
+ });
43
+ var DatePicker = createComponentSlot(DatePickerBase)({
44
+ componentName: "LegacyDateTimePicker",
45
+ slotName: "datePicker"
46
+ })(function () {
47
+ return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .MuiInputBase-input {\n text-overflow: ellipsis;\n }\n "])));
48
+ });
49
+ var TimePicker = createComponentSlot(TimePickerBase)({
50
+ componentName: "LegacyDateTimePicker",
51
+ slotName: "timePicker"
52
+ })(function () {
53
+ return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n .MuiInputBase-input {\n text-overflow: ellipsis;\n }\n "])));
54
+ });
55
+ /**
56
+ * @deprecated Use `DateTimePicker` from `@dextinity/admin` instead.
57
+ */
58
+ export var DateTimePicker = function DateTimePicker(inProps) {
59
+ var _useThemeProps = useThemeProps({
60
+ props: inProps,
61
+ name: "CometAdminLegacyDateTimePicker"
62
+ }),
63
+ onChange = _useThemeProps.onChange,
64
+ value = _useThemeProps.value,
65
+ required = _useThemeProps.required,
66
+ disabled = _useThemeProps.disabled,
67
+ slotProps = _useThemeProps.slotProps,
68
+ _onBlur = _useThemeProps.onBlur,
69
+ _onFocus = _useThemeProps.onFocus,
70
+ restProps = _objectWithoutProperties(_useThemeProps, _excluded);
71
+ var intl = useIntl();
72
+ var datePickerRef = useRef(null);
73
+ var timePickerRef = useRef(null);
74
+ var onChangeDate = function onChangeDate(newDate) {
75
+ if (newDate === undefined) {
76
+ onChange === null || onChange === void 0 || onChange(undefined);
77
+ } else {
78
+ var timePickerShouldBeFocused = !value;
79
+ var time = getTimeStringFromDate(value ? value : new Date());
80
+ var newDateTime = getDateWithNewTime(new Date(newDate), time);
81
+ onChange === null || onChange === void 0 || onChange(newDateTime);
82
+ if (timePickerShouldBeFocused) {
83
+ var _timePickerRef$curren;
84
+ (_timePickerRef$curren = timePickerRef.current) === null || _timePickerRef$curren === void 0 || _timePickerRef$curren.focus();
85
+ }
86
+ }
87
+ };
88
+ var onChangeTime = function onChangeTime(newTime) {
89
+ if (newTime === undefined) {
90
+ onChange === null || onChange === void 0 || onChange(undefined);
91
+ } else {
92
+ var datePickerShouldBeFocused = !value;
93
+ var date = value ? value : new Date();
94
+ var newDateTime = getDateWithNewTime(date, newTime);
95
+ onChange === null || onChange === void 0 || onChange(newDateTime);
96
+ if (datePickerShouldBeFocused) {
97
+ var _datePickerRef$curren;
98
+ (_datePickerRef$curren = datePickerRef.current) === null || _datePickerRef$curren === void 0 || _datePickerRef$curren.focus();
99
+ }
100
+ }
101
+ };
102
+ return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
103
+ children: [/*#__PURE__*/_jsx(DateFormControl, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dateFormControl), {}, {
104
+ children: /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({
105
+ inputRef: datePickerRef,
106
+ value: value ? getIsoDateString(value) : undefined,
107
+ onChange: onChangeDate,
108
+ fullWidth: true,
109
+ required: required,
110
+ disabled: disabled
111
+ }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.datePicker), {}, {
112
+ onBlur: function onBlur(event) {
113
+ var _slotProps$datePicker, _slotProps$datePicker2;
114
+ _onBlur === null || _onBlur === void 0 || _onBlur(event);
115
+ slotProps === null || slotProps === void 0 || (_slotProps$datePicker = slotProps.datePicker) === null || _slotProps$datePicker === void 0 || (_slotProps$datePicker2 = _slotProps$datePicker.onBlur) === null || _slotProps$datePicker2 === void 0 || _slotProps$datePicker2.call(_slotProps$datePicker, event);
116
+ },
117
+ onFocus: function onFocus(event) {
118
+ var _slotProps$datePicker3, _slotProps$datePicker4;
119
+ _onFocus === null || _onFocus === void 0 || _onFocus(event);
120
+ slotProps === null || slotProps === void 0 || (_slotProps$datePicker3 = slotProps.datePicker) === null || _slotProps$datePicker3 === void 0 || (_slotProps$datePicker4 = _slotProps$datePicker3.onFocus) === null || _slotProps$datePicker4 === void 0 || _slotProps$datePicker4.call(_slotProps$datePicker3, event);
121
+ }
122
+ }))
123
+ })), /*#__PURE__*/_jsx(TimeFormControl, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.timeFormControl), {}, {
124
+ children: /*#__PURE__*/_jsx(TimePicker, _objectSpread(_objectSpread({
125
+ inputRef: timePickerRef,
126
+ value: value ? getTimeStringFromDate(value) : undefined,
127
+ placeholder: intl.formatMessage({
128
+ id: "comet.timeTimePicker.time",
129
+ defaultMessage: "Time"
130
+ }),
131
+ onChange: onChangeTime,
132
+ fullWidth: true,
133
+ required: required,
134
+ disabled: disabled
135
+ }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.timePicker), {}, {
136
+ onBlur: function onBlur(event) {
137
+ var _slotProps$timePicker, _slotProps$timePicker2;
138
+ _onBlur === null || _onBlur === void 0 || _onBlur(event);
139
+ slotProps === null || slotProps === void 0 || (_slotProps$timePicker = slotProps.timePicker) === null || _slotProps$timePicker === void 0 || (_slotProps$timePicker2 = _slotProps$timePicker.onBlur) === null || _slotProps$timePicker2 === void 0 || _slotProps$timePicker2.call(_slotProps$timePicker, event);
140
+ },
141
+ onFocus: function onFocus(event) {
142
+ var _slotProps$timePicker3, _slotProps$timePicker4;
143
+ _onFocus === null || _onFocus === void 0 || _onFocus(event);
144
+ slotProps === null || slotProps === void 0 || (_slotProps$timePicker3 = slotProps.timePicker) === null || _slotProps$timePicker3 === void 0 || (_slotProps$timePicker4 = _slotProps$timePicker3.onFocus) === null || _slotProps$timePicker4 === void 0 || _slotProps$timePicker4.call(_slotProps$timePicker3, event);
145
+ }
146
+ }))
147
+ }))]
148
+ }));
149
+ };
@@ -0,0 +1,14 @@
1
+ import type { FieldRenderProps } from "react-final-form";
2
+ import { type DateTimePickerProps } from "./DateTimePicker";
3
+ export type FinalFormDateTimePickerProps = DateTimePickerProps;
4
+ type FinalFormDateTimePickerInternalProps = FieldRenderProps<Date, HTMLInputElement | HTMLTextAreaElement>;
5
+ /**
6
+ * @deprecated Use `DateTimePickerField` from `@dextinity/admin` instead.
7
+ *
8
+ * Final Form-compatible DateTimePicker component.
9
+ *
10
+ * @see {@link DateTimeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
11
+ */
12
+ export declare const FinalFormDateTimePicker: ({ meta, input, ...restProps }: FinalFormDateTimePickerProps & FinalFormDateTimePickerInternalProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
14
+ //# sourceMappingURL=FinalFormDateTimePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FinalFormDateTimePicker.d.ts","sourceRoot":"","sources":["../../src/dateTimePicker/FinalFormDateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,4BAA4B,GAAG,mBAAmB,CAAC;AAC/D,KAAK,oCAAoC,GAAG,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3G;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,+BAA+B,4BAA4B,GAAG,oCAAoC,4CAEzI,CAAC"}
@@ -0,0 +1,24 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ var _excluded = ["meta", "input"];
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
9
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
+ import { DateTimePicker } from "./DateTimePicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ /**
13
+ * @deprecated Use `DateTimePickerField` from `@dextinity/admin` instead.
14
+ *
15
+ * Final Form-compatible DateTimePicker component.
16
+ *
17
+ * @see {@link DateTimeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
18
+ */
19
+ export var FinalFormDateTimePicker = function FinalFormDateTimePicker(_ref) {
20
+ var meta = _ref.meta,
21
+ input = _ref.input,
22
+ restProps = _objectWithoutProperties(_ref, _excluded);
23
+ return /*#__PURE__*/_jsx(DateTimePicker, _objectSpread(_objectSpread({}, input), restProps));
24
+ };
package/lib/index.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ export { DateField, type DateFieldProps } from "./datePicker/DateField";
2
+ export { DatePicker, type DatePickerProps } from "./datePicker/DatePicker";
3
+ export { FinalFormDatePicker, type FinalFormDatePickerProps } from "./datePicker/FinalFormDatePicker";
4
+ export type { DatePickerNavigationClassKey, DatePickerNavigationProps } from "./DatePickerNavigation";
5
+ export { DateRangeField, type DateRangeFieldProps } from "./dateRangePicker/DateRangeField";
6
+ export { type DateRange, DateRangePicker, type DateRangePickerProps } from "./dateRangePicker/DateRangePicker";
7
+ export { FinalFormDateRangePicker, type FinalFormDateRangePickerProps } from "./dateRangePicker/FinalFormDateRangePicker";
8
+ export { DateTimeField, type DateTimeFieldProps } from "./dateTimePicker/DateTimeField";
9
+ export type { DateTimePickerClassKey } from "./dateTimePicker/DateTimePicker";
10
+ export { DateTimePicker, type DateTimePickerProps } from "./dateTimePicker/DateTimePicker";
11
+ export { FinalFormDateTimePicker, type FinalFormDateTimePickerProps } from "./dateTimePicker/FinalFormDateTimePicker";
12
+ export type { FinalFormTimePickerProps } from "./timePicker/FinalFormTimePicker";
13
+ export { FinalFormTimePicker } from "./timePicker/FinalFormTimePicker";
14
+ export { TimeField, type TimeFieldProps } from "./timePicker/TimeField";
15
+ export type { TimePickerClassKey } from "./timePicker/TimePicker";
16
+ export { TimePicker, type TimePickerProps } from "./timePicker/TimePicker";
17
+ export { FinalFormTimeRangePicker, type FinalFormTimeRangePickerProps } from "./timeRangePicker/FinalFormTimeRangePicker";
18
+ export { TimeRangeField, type TimeRangeFieldProps } from "./timeRangePicker/TimeRangeField";
19
+ export type { TimeRangePickerClassKey } from "./timeRangePicker/TimeRangePicker";
20
+ export { type TimeRange, TimeRangePicker, type TimeRangePickerProps } from "./timeRangePicker/TimeRangePicker";
21
+ export { DateFnsLocaleContext, DateFnsLocaleProvider, useDateFnsLocale } from "./utils/DateFnsLocaleProvider";
22
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACtG,YAAY,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,KAAK,SAAS,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/G,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC1H,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACxF,YAAY,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACtH,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC1H,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,YAAY,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,KAAK,SAAS,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC"}
package/lib/index.js ADDED
@@ -0,0 +1,16 @@
1
+ export { DateField } from "./datePicker/DateField";
2
+ export { DatePicker } from "./datePicker/DatePicker";
3
+ export { FinalFormDatePicker } from "./datePicker/FinalFormDatePicker";
4
+ export { DateRangeField } from "./dateRangePicker/DateRangeField";
5
+ export { DateRangePicker } from "./dateRangePicker/DateRangePicker";
6
+ export { FinalFormDateRangePicker } from "./dateRangePicker/FinalFormDateRangePicker";
7
+ export { DateTimeField } from "./dateTimePicker/DateTimeField";
8
+ export { DateTimePicker } from "./dateTimePicker/DateTimePicker";
9
+ export { FinalFormDateTimePicker } from "./dateTimePicker/FinalFormDateTimePicker";
10
+ export { FinalFormTimePicker } from "./timePicker/FinalFormTimePicker";
11
+ export { TimeField } from "./timePicker/TimeField";
12
+ export { TimePicker } from "./timePicker/TimePicker";
13
+ export { FinalFormTimeRangePicker } from "./timeRangePicker/FinalFormTimeRangePicker";
14
+ export { TimeRangeField } from "./timeRangePicker/TimeRangeField";
15
+ export { TimeRangePicker } from "./timeRangePicker/TimeRangePicker";
16
+ export { DateFnsLocaleContext, DateFnsLocaleProvider, useDateFnsLocale } from "./utils/DateFnsLocaleProvider";
@@ -0,0 +1,14 @@
1
+ import type { FieldRenderProps } from "react-final-form";
2
+ import { type TimePickerProps } from "./TimePicker";
3
+ export type FinalFormTimePickerProps = TimePickerProps;
4
+ type FinalFormTimePickerInternalProps = FieldRenderProps<string, HTMLInputElement | HTMLTextAreaElement>;
5
+ /**
6
+ * @deprecated Use `TimePickerField` from `@dextinity/admin` instead.
7
+ *
8
+ * Final Form-compatible TimePicker component.
9
+ *
10
+ * @see {@link TimeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
11
+ */
12
+ export declare const FinalFormTimePicker: ({ meta, input, ...restProps }: FinalFormTimePickerProps & FinalFormTimePickerInternalProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
14
+ //# sourceMappingURL=FinalFormTimePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FinalFormTimePicker.d.ts","sourceRoot":"","sources":["../../src/timePicker/FinalFormTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC;AACvD,KAAK,gCAAgC,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEzG;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,+BAA+B,wBAAwB,GAAG,gCAAgC,4CAE7H,CAAC"}
@@ -0,0 +1,24 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ var _excluded = ["meta", "input"];
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
9
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
+ import { TimePicker } from "./TimePicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ /**
13
+ * @deprecated Use `TimePickerField` from `@dextinity/admin` instead.
14
+ *
15
+ * Final Form-compatible TimePicker component.
16
+ *
17
+ * @see {@link TimeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
18
+ */
19
+ export var FinalFormTimePicker = function FinalFormTimePicker(_ref) {
20
+ var meta = _ref.meta,
21
+ input = _ref.input,
22
+ restProps = _objectWithoutProperties(_ref, _excluded);
23
+ return /*#__PURE__*/_jsx(TimePicker, _objectSpread(_objectSpread({}, input), restProps));
24
+ };
@@ -0,0 +1,8 @@
1
+ import { type FieldProps } from "@dextinity/admin";
2
+ import { type FinalFormTimePickerProps } from "./FinalFormTimePicker";
3
+ export type TimeFieldProps = FieldProps<string, HTMLInputElement> & FinalFormTimePickerProps;
4
+ /**
5
+ * @deprecated Use `TimePickerField` from `@dextinity/admin` instead.
6
+ */
7
+ export declare const TimeField: ({ ...restProps }: TimeFieldProps) => import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=TimeField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/timePicker/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,wBAAwB,CAAC;AAE7F;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,4CAEzD,CAAC"}
@@ -0,0 +1,20 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
+ function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
8
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
9
+ import { Field } from "@dextinity/admin";
10
+ import { FinalFormTimePicker } from "./FinalFormTimePicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ /**
13
+ * @deprecated Use `TimePickerField` from `@dextinity/admin` instead.
14
+ */
15
+ export var TimeField = function TimeField(_ref) {
16
+ var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
17
+ return /*#__PURE__*/_jsx(Field, _objectSpread({
18
+ component: FinalFormTimePicker
19
+ }, restProps));
20
+ };
@@ -0,0 +1,41 @@
1
+ import { InputWithPopper, type InputWithPopperClassKey, type InputWithPopperProps, type ThemedComponentBaseProps } from "@dextinity/admin";
2
+ import { type ComponentsOverrides, InputAdornment, MenuItem, MenuList } from "@mui/material";
3
+ import { type Theme } from "@mui/material/styles";
4
+ import { type FormatDateOptions } from "react-intl";
5
+ export type TimePickerClassKey = InputWithPopperClassKey | "startAdornment" | "timeOptionsList" | "timeOptionItem";
6
+ type SlotProps = ThemedComponentBaseProps<{
7
+ root: typeof InputWithPopper;
8
+ startAdornment: typeof InputAdornment;
9
+ timeOptionsList: typeof MenuList;
10
+ timeOptionItem: typeof MenuItem;
11
+ }>["slotProps"];
12
+ export interface TimePickerProps extends Omit<InputWithPopperProps, "children" | "value" | "onChange" | "slotProps"> {
13
+ onChange?: (time?: string) => void;
14
+ value?: string;
15
+ formatOptions?: FormatDateOptions;
16
+ minuteStep?: number;
17
+ min?: string;
18
+ max?: string;
19
+ required?: boolean;
20
+ slotProps?: SlotProps;
21
+ }
22
+ /**
23
+ * @deprecated Use `TimePicker` from `@dextinity/admin` instead.
24
+ */
25
+ export declare const TimePicker: (inProps: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
26
+ declare module "@mui/material/styles" {
27
+ interface ComponentNameToClassKey {
28
+ CometAdminLegacyTimePicker: TimePickerClassKey;
29
+ }
30
+ interface ComponentsPropsList {
31
+ CometAdminLegacyTimePicker: TimePickerProps;
32
+ }
33
+ interface Components {
34
+ CometAdminLegacyTimePicker?: {
35
+ defaultProps?: Partial<ComponentsPropsList["CometAdminLegacyTimePicker"]>;
36
+ styleOverrides?: ComponentsOverrides<Theme>["CometAdminLegacyTimePicker"];
37
+ };
38
+ }
39
+ }
40
+ export {};
41
+ //# sourceMappingURL=TimePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../src/timePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,eAAe,EACf,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAChC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,mBAAmB,EAAE,cAAc,EAAgB,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAGtE,OAAO,EAAE,KAAK,iBAAiB,EAA0B,MAAM,YAAY,CAAC;AAI5E,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAEnH,KAAK,SAAS,GAAG,wBAAwB,CAAC;IACtC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,eAAe,EAAE,OAAO,QAAQ,CAAC;IACjC,cAAc,EAAE,OAAO,QAAQ,CAAC;CACnC,CAAC,CAAC,WAAW,CAAC,CAAC;AA0BhB,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IAChH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,eAAe,4CAoGlD,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,0BAA0B,EAAE,kBAAkB,CAAC;KAClD;IAED,UAAU,mBAAmB;QACzB,0BAA0B,EAAE,eAAe,CAAC;KAC/C;IAED,UAAU,UAAU;QAChB,0BAA0B,CAAC,EAAE;YACzB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC,CAAC;YAC1E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,4BAA4B,CAAC,CAAC;SAC7E,CAAC;KACL;CACJ"}
@@ -0,0 +1,141 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ var _excluded = ["onChange", "value", "formatOptions", "endAdornment", "required", "minuteStep", "placeholder", "min", "max", "slotProps"];
3
+ var _templateObject;
4
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
7
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
9
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
10
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
11
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
12
+ import { ClearInputAdornment, createComponentSlot, InputWithPopper } from "@dextinity/admin";
13
+ import { Time } from "@dextinity/admin-icons";
14
+ import { InputAdornment, ListItemText, MenuItem, MenuList } from "@mui/material";
15
+ import { css, useThemeProps } from "@mui/material/styles";
16
+ import { format } from "date-fns";
17
+ import { useRef } from "react";
18
+ import { FormattedTime, useIntl } from "react-intl";
19
+ import { getClosestDateToDate, getDateFromTimeValue, getDateRangeListByMinuteStep } from "../utils/timePickerHelpers";
20
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
21
+ var Root = createComponentSlot(InputWithPopper)({
22
+ componentName: "LegacyTimePicker",
23
+ slotName: "root"
24
+ })();
25
+ var StartAdornment = createComponentSlot(InputAdornment)({
26
+ componentName: "LegacyTimePicker",
27
+ slotName: "startAdornment"
28
+ })();
29
+ var TimeOptionsList = createComponentSlot(MenuList)({
30
+ componentName: "LegacyTimePicker",
31
+ slotName: "timeOptionsList"
32
+ })();
33
+ var TimeOptionItem = createComponentSlot(MenuItem)({
34
+ componentName: "LegacyTimePicker",
35
+ slotName: "timeOptionItem"
36
+ })(function (_ref) {
37
+ var theme = _ref.theme;
38
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", " ", ";\n "])), theme.spacing(2), theme.spacing(3));
39
+ });
40
+ /**
41
+ * @deprecated Use `TimePicker` from `@dextinity/admin` instead.
42
+ */
43
+ export var TimePicker = function TimePicker(inProps) {
44
+ var _slotProps$root, _slotProps$root$slotP, _slotProps$root2;
45
+ var _useThemeProps = useThemeProps({
46
+ props: inProps,
47
+ name: "CometAdminLegacyTimePicker"
48
+ }),
49
+ onChange = _useThemeProps.onChange,
50
+ value = _useThemeProps.value,
51
+ formatOptions = _useThemeProps.formatOptions,
52
+ endAdornment = _useThemeProps.endAdornment,
53
+ required = _useThemeProps.required,
54
+ _useThemeProps$minute = _useThemeProps.minuteStep,
55
+ minuteStep = _useThemeProps$minute === void 0 ? 15 : _useThemeProps$minute,
56
+ placeholder = _useThemeProps.placeholder,
57
+ _useThemeProps$min = _useThemeProps.min,
58
+ min = _useThemeProps$min === void 0 ? "00:00" : _useThemeProps$min,
59
+ _useThemeProps$max = _useThemeProps.max,
60
+ max = _useThemeProps$max === void 0 ? "23:59" : _useThemeProps$max,
61
+ slotProps = _useThemeProps.slotProps,
62
+ inputWithPopperProps = _objectWithoutProperties(_useThemeProps, _excluded);
63
+ var intl = useIntl();
64
+ var focusedItemRef = useRef(null);
65
+ var dateValue = value ? getDateFromTimeValue(value) : null;
66
+ var timeOptions = getDateRangeListByMinuteStep(min, max, minuteStep);
67
+ var closestDateToNow = getClosestDateToDate(timeOptions);
68
+ var closestDateToCurrentValue = dateValue ? getClosestDateToDate(timeOptions, dateValue) : null;
69
+ var _onOpenPopper = function onOpenPopper() {
70
+ // The timeout is necessary, as the ref might not be ready immediately when the popper starts to open.
71
+ setTimeout(function () {
72
+ if (focusedItemRef.current) {
73
+ focusedItemRef.current.scrollIntoView({
74
+ behavior: "auto",
75
+ block: "center"
76
+ });
77
+ focusedItemRef.current.focus();
78
+ }
79
+ }, 0);
80
+ };
81
+ return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
82
+ value: dateValue ? intl.formatTime(dateValue, formatOptions) : "",
83
+ placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : intl.formatMessage({
84
+ id: "comet.timePicker.select",
85
+ defaultMessage: "Select"
86
+ }),
87
+ startAdornment: /*#__PURE__*/_jsx(StartAdornment, _objectSpread(_objectSpread({
88
+ position: "start",
89
+ disablePointerEvents: true
90
+ }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.startAdornment), {}, {
91
+ children: /*#__PURE__*/_jsx(Time, {})
92
+ }))
93
+ }, inputWithPopperProps), {}, {
94
+ slotProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), {}, {
95
+ paper: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$root = slotProps.root) === null || _slotProps$root === void 0 || (_slotProps$root = _slotProps$root.slotProps) === null || _slotProps$root === void 0 ? void 0 : _slotProps$root.paper), {}, {
96
+ sx: _objectSpread(_objectSpread({}, (_slotProps$root$slotP = slotProps === null || slotProps === void 0 || (_slotProps$root2 = slotProps.root) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.slotProps) === null || _slotProps$root2 === void 0 || (_slotProps$root2 = _slotProps$root2.paper) === null || _slotProps$root2 === void 0 ? void 0 : _slotProps$root2.sx) !== null && _slotProps$root$slotP !== void 0 ? _slotProps$root$slotP : {}), {}, {
97
+ minWidth: 110,
98
+ height: 280,
99
+ overflowY: "auto"
100
+ })
101
+ })
102
+ }),
103
+ onOpenPopper: function onOpenPopper() {
104
+ var _inputWithPopperProps;
105
+ _onOpenPopper();
106
+ (_inputWithPopperProps = inputWithPopperProps.onOpenPopper) === null || _inputWithPopperProps === void 0 || _inputWithPopperProps.call(inputWithPopperProps);
107
+ },
108
+ readOnly: true,
109
+ required: required,
110
+ endAdornment: !required && !inputWithPopperProps.disabled && value ? /*#__PURE__*/_jsxs(_Fragment, {
111
+ children: [/*#__PURE__*/_jsx(ClearInputAdornment, {
112
+ position: "end",
113
+ onClick: function onClick() {
114
+ return onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
115
+ }
116
+ }), endAdornment]
117
+ }) : endAdornment,
118
+ children: function children(closePopper) {
119
+ return /*#__PURE__*/_jsx(TimeOptionsList, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.timeOptionsList), {}, {
120
+ children: timeOptions.map(function (timeOptionValue, index) {
121
+ var selected = (dateValue && format(dateValue, "HH:mm")) === format(timeOptionValue, "HH:mm");
122
+ var isFocusedItem = selected || (closestDateToCurrentValue ? closestDateToCurrentValue === timeOptionValue : closestDateToNow === timeOptionValue);
123
+ return /*#__PURE__*/_jsx(TimeOptionItem, _objectSpread(_objectSpread({
124
+ selected: selected,
125
+ ref: isFocusedItem ? focusedItemRef : null,
126
+ onClick: function onClick() {
127
+ onChange === null || onChange === void 0 || onChange(format(timeOptionValue, "HH:mm"));
128
+ closePopper(true);
129
+ }
130
+ }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.timeOptionItem), {}, {
131
+ children: /*#__PURE__*/_jsx(ListItemText, {
132
+ children: /*#__PURE__*/_jsx(FormattedTime, _objectSpread({
133
+ value: timeOptionValue
134
+ }, formatOptions))
135
+ })
136
+ }), index);
137
+ })
138
+ }));
139
+ }
140
+ }));
141
+ };
@@ -0,0 +1,14 @@
1
+ import type { FieldRenderProps } from "react-final-form";
2
+ import { type TimeRange, type TimeRangePickerProps } from "./TimeRangePicker";
3
+ export type FinalFormTimeRangePickerProps = TimeRangePickerProps;
4
+ type FinalFormTimeRangePickerInternalProps = FieldRenderProps<TimeRange, HTMLInputElement | HTMLTextAreaElement>;
5
+ /**
6
+ * @deprecated Use `TimeRangePickerField` from `@dextinity/admin` instead.
7
+ *
8
+ * Final Form-compatible TimeRangePicker component.
9
+ *
10
+ * @see {@link TimeRangeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
11
+ */
12
+ export declare const FinalFormTimeRangePicker: ({ meta, input, ...restProps }: FinalFormTimeRangePickerProps & FinalFormTimeRangePickerInternalProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
14
+ //# sourceMappingURL=FinalFormTimeRangePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FinalFormTimeRangePicker.d.ts","sourceRoot":"","sources":["../../src/timeRangePicker/FinalFormTimeRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/F,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,CAAC;AACjE,KAAK,qCAAqC,GAAG,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEjH;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,+BAA+B,6BAA6B,GAAG,qCAAqC,4CAE5I,CAAC"}
@@ -0,0 +1,24 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ var _excluded = ["meta", "input"];
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
9
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
+ import { TimeRangePicker } from "./TimeRangePicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ /**
13
+ * @deprecated Use `TimeRangePickerField` from `@dextinity/admin` instead.
14
+ *
15
+ * Final Form-compatible TimeRangePicker component.
16
+ *
17
+ * @see {@link TimeRangeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
18
+ */
19
+ export var FinalFormTimeRangePicker = function FinalFormTimeRangePicker(_ref) {
20
+ var meta = _ref.meta,
21
+ input = _ref.input,
22
+ restProps = _objectWithoutProperties(_ref, _excluded);
23
+ return /*#__PURE__*/_jsx(TimeRangePicker, _objectSpread(_objectSpread({}, input), restProps));
24
+ };
@@ -0,0 +1,9 @@
1
+ import { type FieldProps } from "@dextinity/admin";
2
+ import { type FinalFormTimeRangePickerProps } from "./FinalFormTimeRangePicker";
3
+ import type { TimeRange } from "./TimeRangePicker";
4
+ export type TimeRangeFieldProps = FieldProps<TimeRange, HTMLInputElement> & FinalFormTimeRangePickerProps;
5
+ /**
6
+ * @deprecated Use `TimeRangePickerField` from `@dextinity/admin` instead.
7
+ */
8
+ export declare const TimeRangeField: ({ ...restProps }: TimeRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=TimeRangeField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeRangeField.d.ts","sourceRoot":"","sources":["../../src/timeRangePicker/TimeRangeField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAA4B,KAAK,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAC1G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,6BAA6B,CAAC;AAE1G;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,kBAAkB,mBAAmB,4CAEnE,CAAC"}
@@ -0,0 +1,20 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
+ function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
8
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
9
+ import { Field } from "@dextinity/admin";
10
+ import { FinalFormTimeRangePicker } from "./FinalFormTimeRangePicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ /**
13
+ * @deprecated Use `TimeRangePickerField` from `@dextinity/admin` instead.
14
+ */
15
+ export var TimeRangeField = function TimeRangeField(_ref) {
16
+ var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
17
+ return /*#__PURE__*/_jsx(Field, _objectSpread({
18
+ component: FinalFormTimeRangePicker
19
+ }, restProps));
20
+ };