@servicetitan/design-system 12.10.0 → 13.0.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.
Files changed (122) hide show
  1. package/dist/components/AnvilSelect/AnvilSelect.js +1 -1
  2. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  3. package/dist/components/AnvilSelect/utils/focus-utils.js +3 -3
  4. package/dist/components/ButtonToggle/ButtonToggleItem.js +1 -1
  5. package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
  6. package/dist/components/Checkbox/Checkbox.js +6 -6
  7. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  8. package/dist/components/Checkbox/Checkbox.test.js +16 -6
  9. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  10. package/dist/components/DatePicker/DatePicker.css +9 -9
  11. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  12. package/dist/components/DatePicker/DatePicker.d.ts +22 -8
  13. package/dist/components/DatePicker/DatePicker.js +111 -133
  14. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  15. package/dist/components/DatePicker/InputDateMask.d.ts +9 -6
  16. package/dist/components/DatePicker/InputDateMask.js +100 -150
  17. package/dist/components/DatePicker/InputDateMask.js.map +1 -1
  18. package/dist/components/DatePicker/index.css +9 -9
  19. package/dist/components/DatePicker/index.css.map +1 -1
  20. package/dist/{utilities/maskUtils.d.ts → components/DatePicker/utils/expandMaskUtils.d.ts} +1 -0
  21. package/dist/{utilities/maskUtils.js → components/DatePicker/utils/expandMaskUtils.js} +34 -1
  22. package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -0
  23. package/dist/{utilities/maskUtils.test.d.ts → components/DatePicker/utils/expandMaskUtils.test.d.ts} +0 -0
  24. package/dist/{utilities/maskUtils.test.js → components/DatePicker/utils/expandMaskUtils.test.js} +2 -2
  25. package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -0
  26. package/dist/components/DatePicker/utils/maskUtils.d.ts +12 -0
  27. package/dist/components/DatePicker/utils/maskUtils.js +74 -0
  28. package/dist/components/DatePicker/utils/maskUtils.js.map +1 -0
  29. package/dist/components/DatePicker/utils/utils.d.ts +27 -0
  30. package/dist/components/DatePicker/utils/utils.js +98 -0
  31. package/dist/components/DatePicker/utils/utils.js.map +1 -0
  32. package/dist/components/DateRangePicker/DateRangePicker.d.ts +84 -37
  33. package/dist/components/DateRangePicker/DateRangePicker.js +46 -30
  34. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  35. package/dist/components/DateRangePicker/DateRangePicker.test.js +30 -22
  36. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  37. package/dist/components/DateRangePicker/components/DateRangeInput.d.ts +3 -3
  38. package/dist/components/DateRangePicker/components/DateRangeInput.js +6 -6
  39. package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
  40. package/dist/components/Drawer/Drawer.js +1 -1
  41. package/dist/components/Drawer/Drawer.js.map +1 -1
  42. package/dist/components/FormField/FormField.js +5 -6
  43. package/dist/components/FormField/FormField.js.map +1 -1
  44. package/dist/components/FormField/FormField.test.js +19 -8
  45. package/dist/components/FormField/FormField.test.js.map +1 -1
  46. package/dist/components/Input/Input.test.js +21 -11
  47. package/dist/components/Input/Input.test.js.map +1 -1
  48. package/dist/components/OptionList/OptionList.js +0 -1
  49. package/dist/components/OptionList/OptionList.js.map +1 -1
  50. package/dist/components/Popover/Popover.test.js +7 -6
  51. package/dist/components/Popover/Popover.test.js.map +1 -1
  52. package/dist/components/Radio/Radio.test.js +16 -6
  53. package/dist/components/Radio/Radio.test.js.map +1 -1
  54. package/dist/components/SideNav/SideNavItem.d.ts +3 -3
  55. package/dist/components/SideNav/SideNavItem.js +10 -2
  56. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  57. package/dist/components/Sidebar/Sidebar.css +4 -1
  58. package/dist/components/Sidebar/Sidebar.css.map +1 -1
  59. package/dist/components/Sidebar/Sidebar.js +1 -1
  60. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  61. package/dist/components/Sidebar/SidebarSection.css +4 -1
  62. package/dist/components/Sidebar/SidebarSection.css.map +1 -1
  63. package/dist/components/Sidebar/index.css +4 -1
  64. package/dist/components/Sidebar/index.css.map +1 -1
  65. package/dist/components/Snackbar/Snackbar.d.ts +6 -2
  66. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  67. package/dist/components/Snackbar/Snackbar.test.js +18 -6
  68. package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
  69. package/dist/components/TimePicker/TimePicker.d.ts +5 -1
  70. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  71. package/dist/components/ToggleSwitch/ToggleSwitch.test.js +16 -6
  72. package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
  73. package/dist/components/index.css +13 -10
  74. package/dist/components/index.css.map +1 -1
  75. package/dist/global/index.css +1 -1
  76. package/dist/global/version.css +1 -1
  77. package/dist/hooks/useFocusVisible.test.js +25 -15
  78. package/dist/hooks/useFocusVisible.test.js.map +1 -1
  79. package/dist/internal/Portal/Portal.js +1 -1
  80. package/dist/system-light.css +1 -1
  81. package/dist/system-light.min.css +1 -1
  82. package/dist/system.css +14 -11
  83. package/dist/system.css.map +1 -1
  84. package/dist/system.min.css +2 -2
  85. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.d.ts +1 -0
  86. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +372 -0
  87. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -0
  88. package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.d.ts +2 -0
  89. package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js +22 -0
  90. package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js.map +1 -0
  91. package/dist/utilities/KeyboardAccessTests/components/components.d.ts +15 -0
  92. package/dist/utilities/KeyboardAccessTests/components/components.js +166 -0
  93. package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -0
  94. package/dist/utilities/KeyboardAccessTests/components/index.d.ts +2 -0
  95. package/dist/utilities/KeyboardAccessTests/components/index.js +3 -0
  96. package/dist/utilities/KeyboardAccessTests/components/index.js.map +1 -0
  97. package/dist/utilities/KeyboardAccessTests/utils/index.d.ts +2 -0
  98. package/dist/utilities/KeyboardAccessTests/utils/index.js +3 -0
  99. package/dist/utilities/KeyboardAccessTests/utils/index.js.map +1 -0
  100. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.d.ts +12 -0
  101. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js +52 -0
  102. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -0
  103. package/dist/utilities/KeyboardAccessTests/utils/utils.d.ts +2 -0
  104. package/dist/utilities/KeyboardAccessTests/utils/utils.js +132 -0
  105. package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -0
  106. package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js +8 -6
  107. package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
  108. package/package.json +12 -11
  109. package/dist/components/Drawer/DrawerFooter.d.ts +0 -8
  110. package/dist/components/Drawer/DrawerFooter.js +0 -24
  111. package/dist/components/Drawer/DrawerFooter.js.map +0 -1
  112. package/dist/components/Drawer/DrawerHeader.d.ts +0 -9
  113. package/dist/components/Drawer/DrawerHeader.js +0 -24
  114. package/dist/components/Drawer/DrawerHeader.js.map +0 -1
  115. package/dist/components/Drawer/DrawerWindow.d.ts +0 -6
  116. package/dist/components/Drawer/DrawerWindow.js +0 -18
  117. package/dist/components/Drawer/DrawerWindow.js.map +0 -1
  118. package/dist/components/Page/components/Footer.d.ts +0 -8
  119. package/dist/components/Page/components/Footer.js +0 -7
  120. package/dist/components/Page/components/Footer.js.map +0 -1
  121. package/dist/utilities/maskUtils.js.map +0 -1
  122. package/dist/utilities/maskUtils.test.js.map +0 -1
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import React, { useContext, useEffect, useRef, useCallback } from 'react';
12
+ import React, { useContext, useEffect, useRef } from 'react';
13
13
  import classnames from 'classnames';
14
14
  import { Calendar, CalendarCell, } from '@progress/kendo-react-dateinputs';
15
15
  import { Popover } from '../Popover';
@@ -17,166 +17,144 @@ import { Icon } from '../Icon';
17
17
  import { keys } from '../../utilities/keyCodes';
18
18
  import { InputDateMask } from './InputDateMask';
19
19
  import { TimezoneContext } from '../../utilities/TimezoneProvider';
20
- import { DateTime } from 'luxon';
20
+ import { toDateObj, toTimeZone, fromTimeZone, toFormat, compareObj, invalidDate, isValidDate, } from './utils/utils';
21
21
  export const DatePicker = React.forwardRef((props, ref) => {
22
- const { disabled, error, maskChar, maskProps, maxDate, minDate, onChange, placeholder, size, value, calendar: CustomCalendar, direction = 'br', open, isoFormat, trigger } = props, rest = __rest(props, ["disabled", "error", "maskChar", "maskProps", "maxDate", "minDate", "onChange", "placeholder", "size", "value", "calendar", "direction", "open", "isoFormat", "trigger"]);
23
- const calendarRef = React.useRef(null);
24
- const inputRef = React.useRef(null);
25
- const timezone = useContext(TimezoneContext);
22
+ const { disabled, calendar: CustomCalendar, direction = 'br', error, maskChar, maskProps, maxDate, minDate, isoFormat, input: inputProps, onBlur, onChange, onOpenChange, open, placeholder, required, size, trigger, value } = props, rest = __rest(props, ["disabled", "calendar", "direction", "error", "maskChar", "maskProps", "maxDate", "minDate", "isoFormat", "input", "onBlur", "onChange", "onOpenChange", "open", "placeholder", "required", "size", "trigger", "value"]);
23
+ const tz = useContext(TimezoneContext);
24
+ const minTZ = toTimeZone(minDate, tz); // In timezone (with shift)
25
+ const maxTZ = toTimeZone(maxDate, tz); // In timezone (with shift)
26
+ const todayTZ = toTimeZone(new Date(), tz, { startOfDay: true }); // In timezone (with shift)
27
+ // State
28
+ const [date, setDate] = React.useState(toDateObj({ date: value, tz }));
26
29
  const [showCalendar, setShowCalendar] = React.useState(open);
27
- const convertValue = useCallback((value) => {
28
- return value
29
- ? DateTime.fromJSDate(value).setZone(timezone)
30
- : null;
31
- }, [timezone]);
32
- const date = (value) => value instanceof Date
33
- ? convertValue(value)
34
- : DateTime.fromISO(value).setZone(timezone);
35
- const [IValue, setIValue] = React.useState(date(value));
36
- const getNewToday = DateTime.fromJSDate(new Date(), {
37
- zone: timezone,
38
- });
39
- // Keeping this incase we need to also pass calendar to ref
40
- /**
41
- * React.useImperativeHandle(ref, () => ({
42
- * input: inputRef.current,
43
- * calendar: calendarRef.current,
44
- * }));
45
- */
46
- const handleClickOutside = () => {
47
- if (showCalendar) {
48
- setShowCalendar(false);
49
- !trigger && inputRef.current.focus();
50
- }
30
+ // Refs for focusing
31
+ const calendarRef = useRef(null);
32
+ const inputRef = useRef(null);
33
+ // Effects
34
+ useEffect(() => open && openCalendar(), [open]); // eslint-disable-line
35
+ useEffect(() => {
36
+ const next = toDateObj({ date: value, tz });
37
+ if (date.isEqualDate(next))
38
+ return;
39
+ setDate(next);
40
+ onChangeReturn(next);
41
+ }, [compareObj(value), isoFormat, tz]); // eslint-disable-line
42
+ // Handlers
43
+ const openCalendar = () => {
44
+ !showCalendar && setShowCalendar(true);
45
+ !showCalendar && (onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true));
51
46
  };
52
- const handleClickIcon = () => setShowCalendar(!showCalendar);
53
- const handleInputClick = (event) => {
54
- event.preventDefault();
55
- setShowCalendar(true);
56
- !trigger && inputRef.current.focus();
47
+ const closeCalendar = () => {
48
+ showCalendar && setShowCalendar(false);
49
+ showCalendar && (onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false));
57
50
  };
58
- const handleKeyDown = (event) => {
59
- var _a;
60
- const { key } = event;
51
+ const toggleCalendar = () => showCalendar ? closeCalendar() : openCalendar();
52
+ const handleKeyDown = (e) => {
53
+ var _a, _b;
54
+ const { key } = e;
61
55
  if (key === keys.esc) {
62
- event.preventDefault();
63
- setShowCalendar(false);
64
- !trigger && inputRef.current.focus();
56
+ e.preventDefault();
57
+ closeCalendar();
58
+ !trigger && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
65
59
  }
66
60
  if ([keys.space, keys.down].includes(key)) {
67
- event.preventDefault();
68
- setShowCalendar(true);
69
- (_a = calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.current) === null || _a === void 0 ? void 0 : _a.focus();
70
- }
71
- if (showCalendar && key === keys.tab) {
72
- setShowCalendar(false);
61
+ e.preventDefault();
62
+ openCalendar();
63
+ (_b = calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.current) === null || _b === void 0 ? void 0 : _b.focus();
73
64
  }
65
+ if (showCalendar && key === keys.tab)
66
+ closeCalendar();
74
67
  };
75
- useEffect(() => {
76
- setShowCalendar(open);
77
- }, [open]);
78
- const stopRender = useRef(false);
79
- useEffect(() => {
80
- if (stopRender.current) {
81
- setIValue(IValue.setZone(timezone));
82
- onChangeReturn(IValue.setZone(timezone));
83
- }
84
- stopRender.current = true;
85
- // eslint-disable-next-line react-hooks/exhaustive-deps
86
- }, [timezone, isoFormat]);
87
- useEffect(() => {
88
- var _a, _b;
89
- const oldValue = !isNaN((_a = date(value)) === null || _a === void 0 ? void 0 : _a.toMillis()) && ((_b = date(value)) === null || _b === void 0 ? void 0 : _b.toMillis());
90
- const newValue = !isNaN(IValue === null || IValue === void 0 ? void 0 : IValue.toMillis()) && (IValue === null || IValue === void 0 ? void 0 : IValue.toMillis());
91
- if (oldValue !== newValue) {
92
- setIValue(date(value));
93
- value && onChangeReturn(date(value));
68
+ const handleCalendarChange = (e) => {
69
+ var _a, _b, _c, _d;
70
+ let calendarDate = fromTimeZone((_a = e.target) === null || _a === void 0 ? void 0 : _a.value, tz); // Local timezone
71
+ if (((_c = (_b = e.nativeEvent) === null || _b === void 0 ? void 0 : _b.target) === null || _c === void 0 ? void 0 : _c.className) === 'k-nav-today')
72
+ calendarDate = fromTimeZone(todayTZ, tz); // Local timezone
73
+ const next = toDateObj({ date: calendarDate, tz });
74
+ if (!date.isEqual(next)) {
75
+ e.syntheticEvent.stopPropagation(); // Keeps focus on input after click on calendar
76
+ setDate(next);
77
+ onChangeReturn(next);
94
78
  }
95
- // eslint-disable-next-line react-hooks/exhaustive-deps
96
- }, [value, isoFormat]);
97
- const handleChange = (event) => {
98
- let eventValue = DateTime.fromFormat(format(event.target.value), 'LL/dd/yyyy');
99
- if (event.nativeEvent.target.className === 'k-nav-today') {
100
- event.syntheticEvent.stopPropagation();
101
- eventValue = getNewToday;
102
- }
103
- setIValue(eventValue);
104
- onChangeReturn(eventValue);
105
- setShowCalendar(false);
106
- !trigger && inputRef.current.focus();
79
+ closeCalendar();
80
+ !trigger && ((_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.focus()); // Sets focus back on enter keypress on calendar's date
107
81
  };
108
- const DatePickerClasses = classnames('DatePicker', {
109
- 'DatePicker--disabled': disabled,
110
- 'DatePicker--open': showCalendar,
111
- [`DatePicker--${size}`]: size,
112
- });
113
- const handleInputChange = (data) => {
114
- if (data) {
115
- const dateData = DateTime.fromFormat(format(data), 'LL/dd/yyyy', {
116
- zone: timezone,
117
- });
118
- setIValue(dateData);
119
- onChangeReturn(dateData);
82
+ const handleMaskChange = (val, data) => {
83
+ const next = toDateObj({
84
+ date: val ? fromTimeZone(val, tz) : val,
85
+ tz,
86
+ invalidReason: data === null || data === void 0 ? void 0 : data.invalidReason,
87
+ });
88
+ if (!date.isEqual(next)) {
89
+ setDate(next);
90
+ onChangeReturn(next);
120
91
  }
121
92
  };
122
- const handleInputBlur = (data) => {
123
- if (!data) {
124
- onChangeReturn(undefined);
125
- }
93
+ const onChangeReturn = (val) => onChange === null || onChange === void 0 ? void 0 : onChange(getReturnDate(val), val);
94
+ const getReturnDate = (val) => {
95
+ var _a;
96
+ if (!val || !val.dateTime)
97
+ return undefined; // Empty input
98
+ if (!val.isValid)
99
+ return isoFormat ? invalidDate.toString() : invalidDate; // Invalid Date
100
+ return isoFormat ? (_a = val.toISO) === null || _a === void 0 ? void 0 : _a.call(val) : val.toJSDate(); // Good value
126
101
  };
127
- const onChangeReturn = (value) => {
128
- const returnDate = value === null || value === void 0 ? void 0 : value.setZone(timezone);
129
- if (!value) {
130
- onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
131
- return;
132
- }
133
- if (!isoFormat) {
134
- onChange === null || onChange === void 0 ? void 0 : onChange(returnDate === null || returnDate === void 0 ? void 0 : returnDate.toJSDate());
135
- return;
136
- }
137
- onChange === null || onChange === void 0 ? void 0 : onChange(returnDate === null || returnDate === void 0 ? void 0 : returnDate.toISO());
102
+ const handleMaskBlur = (val, data) => {
103
+ const current = toDateObj({
104
+ date: val ? fromTimeZone(val, tz) : val,
105
+ tz,
106
+ invalidReason: data === null || data === void 0 ? void 0 : data.invalidReason,
107
+ });
108
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur(getReturnDate(current), current);
138
109
  };
139
- const InputProps = Object.assign({ disabled,
110
+ // Internal components
111
+ const maskValue = () => {
112
+ if (typeof (date === null || date === void 0 ? void 0 : date.dateTime) === 'undefined')
113
+ return undefined; // No entry (empty)
114
+ // Entry is valid and within min-max
115
+ if (date === null || date === void 0 ? void 0 : date.isValid)
116
+ return toTimeZone(date.toJSDate(), tz); // In timezone (with shift)
117
+ if (!(date === null || date === void 0 ? void 0 : date.isValid) || (date === null || date === void 0 ? void 0 : date.invalidReason))
118
+ return invalidDate; // Entry is not full or out of min-max range
119
+ console.warn('@servicetitan/design-system: Something wrong with DatePicker, dateObj received:', date);
120
+ return undefined;
121
+ };
122
+ const inputMaskProps = Object.assign({ disabled,
140
123
  error,
141
- maskChar, maxDate: date(maxDate).isValid
142
- ? new Date(format(date(maxDate)))
143
- : undefined, minDate: date(minDate).isValid
144
- ? new Date(format(date(minDate)))
145
- : undefined, onChange: handleInputChange, onBlur: handleInputBlur, placeholder,
146
- size, value: IValue.isValid ? new Date(format(IValue)) : null }, maskProps);
124
+ maskChar, maxDate: maxTZ, minDate: minTZ, onBlur: handleMaskBlur, onChange: handleMaskChange, placeholder,
125
+ required,
126
+ size, value: maskValue(), input: inputProps }, maskProps);
147
127
  // custom cell to override the today highlight to match timezone today
148
128
  const customCell = (props) => {
149
- if (format(props.value) === format(getNewToday)) {
129
+ if (toFormat(props.value) === toFormat(todayTZ)) {
150
130
  return React.createElement(CalendarCell, Object.assign({}, props, { isToday: true }));
151
131
  }
152
132
  return React.createElement(CalendarCell, Object.assign({}, props, { isToday: false }));
153
133
  };
154
- const CalendarProps = {
155
- value: IValue.isValid ? new Date(format(IValue)) : null,
156
- max: date(maxDate).isValid
157
- ? new Date(format(date(maxDate)))
158
- : undefined,
159
- min: date(minDate).isValid
160
- ? new Date(format(date(minDate)))
161
- : undefined,
162
- onChange: handleChange,
134
+ const calendarProps = {
135
+ value: date.isValid
136
+ ? date.toJSDate() // Local timezone
137
+ : null,
138
+ max: isValidDate(maxDate) ? maxDate : undefined,
139
+ min: isValidDate(minDate) ? minDate : undefined,
140
+ onChange: handleCalendarChange,
163
141
  ref: calendarRef,
164
142
  cell: customCell,
165
143
  };
166
144
  const customTrigger = trigger === null || trigger === void 0 ? void 0 : trigger({
167
- value: IValue.isValid ? new Date(format(IValue)) : null,
168
- onClick: () => setShowCalendar(!showCalendar),
145
+ value: date.isValid
146
+ ? date.toJSDate() // Local timezone
147
+ : null,
148
+ onClick: toggleCalendar,
169
149
  open: showCalendar,
170
150
  error,
171
151
  });
172
- const inputMask = (React.createElement(InputDateMask, Object.assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
173
- return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: () => handleClickOutside(), trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, CalendarProps))) : (React.createElement(Calendar, Object.assign({}, CalendarProps)))));
152
+ const inputMask = (React.createElement(InputDateMask, Object.assign({}, inputMaskProps, { inputRef: inputRef, calendarRef: calendarRef, className: "DatePicker__input", onClick: openCalendar, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: toggleCalendar, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
153
+ const DatePickerClasses = classnames('DatePicker', {
154
+ 'DatePicker--disabled': disabled,
155
+ 'DatePicker--open': showCalendar,
156
+ [`DatePicker--${size}`]: size,
157
+ });
158
+ return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: closeCalendar, trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, calendarProps))) : (React.createElement(Calendar, Object.assign({}, calendarProps)))));
174
159
  });
175
- const format = (date, format = 'LL/dd/yyyy') => {
176
- if (date instanceof Date)
177
- return DateTime.fromJSDate(date).toFormat(format);
178
- if (date instanceof DateTime)
179
- return date.toFormat(format);
180
- return date;
181
- };
182
160
  //# sourceMappingURL=DatePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,11 @@
1
1
  import React, { FC } from 'react';
2
2
  import { InputProps } from '../Input';
3
+ export declare const defaultFormat = "MM/DD/YYYY";
4
+ export declare const defaultMaskChar = "_";
3
5
  export interface InputDateMaskProps extends Omit<InputProps, 'onChange' | 'value'> {
4
6
  /** If the mask should always be present. */
5
7
  alwaysShowMask?: boolean;
6
- /** Format of date string to display */
8
+ /** Format of date string to display. Default is "MM/DD/YYYY" */
7
9
  dateFormat?: string;
8
10
  /** Character to use with partially complete dates */
9
11
  maskChar?: string;
@@ -12,12 +14,13 @@ export interface InputDateMaskProps extends Omit<InputProps, 'onChange' | 'value
12
14
  /** Minimum date allowed */
13
15
  minDate?: Date;
14
16
  /** onChange function */
15
- onChange(value: Date | undefined): void;
16
- /** onBlur function */
17
- onBlur?(value: Date | undefined): void;
17
+ onChange(value: Date | undefined, data?: any): void;
18
+ /** onChange function */
19
+ onBlur(value: Date | undefined, data?: any): void;
18
20
  /** Current value of Input */
19
- value?: Date | undefined;
20
- /** forwarded input ref */
21
+ value?: Date;
22
+ /** forwarded refs */
21
23
  inputRef?: React.RefObject<HTMLInputElement>;
24
+ calendarRef?: React.RefObject<HTMLInputElement>;
22
25
  }
23
26
  export declare const InputDateMask: FC<InputDateMaskProps>;