@servicetitan/design-system 12.11.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.
- package/dist/components/Checkbox/Checkbox.js +2 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +9 -9
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +22 -8
- package/dist/components/DatePicker/DatePicker.js +111 -133
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.d.ts +9 -6
- package/dist/components/DatePicker/InputDateMask.js +100 -150
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DatePicker/index.css +9 -9
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/{utilities/maskUtils.d.ts → components/DatePicker/utils/expandMaskUtils.d.ts} +1 -0
- package/dist/{utilities/maskUtils.js → components/DatePicker/utils/expandMaskUtils.js} +34 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -0
- package/dist/{utilities/maskUtils.test.d.ts → components/DatePicker/utils/expandMaskUtils.test.d.ts} +0 -0
- package/dist/{utilities/maskUtils.test.js → components/DatePicker/utils/expandMaskUtils.test.js} +2 -2
- package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -0
- package/dist/components/DatePicker/utils/maskUtils.d.ts +12 -0
- package/dist/components/DatePicker/utils/maskUtils.js +74 -0
- package/dist/components/DatePicker/utils/maskUtils.js.map +1 -0
- package/dist/components/DatePicker/utils/utils.d.ts +27 -0
- package/dist/components/DatePicker/utils/utils.js +98 -0
- package/dist/components/DatePicker/utils/utils.js.map +1 -0
- package/dist/components/FormField/FormField.js +1 -1
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +5 -1
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/index.css +9 -9
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +10 -10
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +0 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js +3 -3
- package/package.json +7 -7
- package/dist/utilities/maskUtils.js.map +0 -1
- package/dist/utilities/maskUtils.test.js.map +0 -1
|
@@ -20,8 +20,9 @@ export const Checkbox = React.forwardRef(function (props, ref) {
|
|
|
20
20
|
const itemRef = ref ? ref : newRef;
|
|
21
21
|
const { isFocusVisible } = useFocusVisible(itemRef);
|
|
22
22
|
React.useEffect(() => {
|
|
23
|
+
var _a;
|
|
23
24
|
if (focus)
|
|
24
|
-
inputRef.current.focus();
|
|
25
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
25
26
|
}, [focus]);
|
|
26
27
|
const onChangeHandler = (e) => {
|
|
27
28
|
if (onChange) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AA4D9D,MAAM,CAAC,MAAM,QAAQ,GAGY,KAAK,CAAC,UAAU,CAAC,UACjD,KAAuB,EACvB,GAAoC;IAEpC,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,aAAa,EACb,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,KAEL,KAAK,EADL,IAAI,UACJ,KAAK,EAlBH,4KAkBL,CAAQ,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -437,15 +437,6 @@ span.Popover {
|
|
|
437
437
|
cursor: pointer;
|
|
438
438
|
}
|
|
439
439
|
|
|
440
|
-
.DatePicker--open .InputDateMask:not(:focus) > .Input__InnerWrapper {
|
|
441
|
-
background-color: var(--colorsSurfaceDefault, #ffffff);
|
|
442
|
-
border-color: var(--colorsBorderPrimary, #2270ee);
|
|
443
|
-
}
|
|
444
|
-
.DatePicker--open .InputDateMask--error:not(:focus) > .Input__InnerWrapper {
|
|
445
|
-
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
446
|
-
border-color: var(--colorsBorderCritical, #e13212);
|
|
447
|
-
}
|
|
448
|
-
|
|
449
440
|
.DatePicker--disabled {
|
|
450
441
|
opacity: 0.6;
|
|
451
442
|
pointer-events: none;
|
|
@@ -454,6 +445,15 @@ span.Popover {
|
|
|
454
445
|
opacity: 1;
|
|
455
446
|
}
|
|
456
447
|
|
|
448
|
+
.DatePicker--open .Input:not(:focus) > .Input__InnerWrapper {
|
|
449
|
+
background-color: var(--colorsSurfaceDefault, #ffffff);
|
|
450
|
+
border-color: var(--colorsBorderPrimary, #2270ee);
|
|
451
|
+
}
|
|
452
|
+
.DatePicker--open .Input.Input--error:not(:focus) > .Input__InnerWrapper {
|
|
453
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
454
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
455
|
+
}
|
|
456
|
+
|
|
457
457
|
/* Kendo calendar styles */
|
|
458
458
|
.DatePicker__calendar {
|
|
459
459
|
/* Set color on root of component. It can be overridden after the @include */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"DatePicker.css"}
|
|
@@ -2,6 +2,8 @@ import React, { FC } from 'react';
|
|
|
2
2
|
import { Calendar, CalendarProps } from '@progress/kendo-react-dateinputs';
|
|
3
3
|
import { PopoverProps } from '../Popover';
|
|
4
4
|
import { InputDateMaskProps } from './InputDateMask';
|
|
5
|
+
import { InputPropsStrict } from '../Input';
|
|
6
|
+
import { DateObj } from './utils/utils';
|
|
5
7
|
export interface DatePickerPropsStrict {
|
|
6
8
|
/** Use custom component as a Calendar */
|
|
7
9
|
calendar?: React.ComponentType<CalendarProps>;
|
|
@@ -9,7 +11,7 @@ export interface DatePickerPropsStrict {
|
|
|
9
11
|
disabled?: InputDateMaskProps['disabled'];
|
|
10
12
|
/** Error state */
|
|
11
13
|
error?: InputDateMaskProps['error'];
|
|
12
|
-
/** Character to use with partially complete dates */
|
|
14
|
+
/** Character to use with partially complete dates. Default is '_' */
|
|
13
15
|
maskChar?: InputDateMaskProps['maskChar'];
|
|
14
16
|
/** Object of InputDateMask props */
|
|
15
17
|
maskProps?: Omit<InputDateMaskProps, 'onChange' | 'value' | 'minDate' | 'maxDate' | 'size' | 'maskChar' | 'placeholder' | 'error'>;
|
|
@@ -23,23 +25,35 @@ export interface DatePickerPropsStrict {
|
|
|
23
25
|
placeholder?: InputDateMaskProps['placeholder'];
|
|
24
26
|
/** Default value */
|
|
25
27
|
value?: Calendar['value'] | string;
|
|
26
|
-
/**
|
|
28
|
+
/** Opens calendar */
|
|
27
29
|
open?: boolean;
|
|
28
|
-
/**
|
|
30
|
+
/** Direction of the popover */
|
|
29
31
|
direction?: PopoverProps['direction'];
|
|
32
|
+
/** Returns ISO string instead of JS Date object */
|
|
30
33
|
isoFormat?: boolean;
|
|
31
|
-
|
|
34
|
+
input?: {
|
|
35
|
+
/** Called on every change of input text */
|
|
36
|
+
onChange?: InputPropsStrict['onChange'];
|
|
37
|
+
/** Called on blur of the input */
|
|
38
|
+
onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
|
|
39
|
+
};
|
|
40
|
+
/** Called on every meaningful date change */
|
|
41
|
+
onBlur?: (value: Date | string | undefined, data?: DateObj) => void;
|
|
42
|
+
/** Called on DatePicker's blur event */
|
|
43
|
+
onChange?: (value: Date | string | undefined, data?: DateObj) => void;
|
|
44
|
+
/** A handler that is called on every open and close action */
|
|
45
|
+
onOpenChange?: (open: boolean) => void;
|
|
32
46
|
/** This will override native trigger component */
|
|
33
47
|
trigger?: (props: CustomTriggerProps) => React.ReactNode;
|
|
34
48
|
}
|
|
35
49
|
interface CustomTriggerProps {
|
|
36
|
-
/**
|
|
50
|
+
/** Returns internal trigger value */
|
|
37
51
|
value: DatePickerProps['value'] | any;
|
|
38
|
-
/**
|
|
52
|
+
/** Returns internal trigger prop */
|
|
39
53
|
onClick?: () => void;
|
|
40
|
-
/**
|
|
54
|
+
/** Returns internal open state */
|
|
41
55
|
open: DatePickerProps['open'];
|
|
42
|
-
/**
|
|
56
|
+
/** Returns interal error state */
|
|
43
57
|
error: DatePickerProps['error'];
|
|
44
58
|
}
|
|
45
59
|
export interface DatePickerProps extends DatePickerPropsStrict {
|
|
@@ -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
|
|
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 {
|
|
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,
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
});
|
|
39
|
-
//
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
|
53
|
-
|
|
54
|
-
|
|
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
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
|
|
63
|
-
|
|
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
|
-
|
|
68
|
-
|
|
69
|
-
(
|
|
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
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
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
|
-
|
|
96
|
-
|
|
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
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
if (
|
|
115
|
-
|
|
116
|
-
|
|
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
|
|
123
|
-
|
|
124
|
-
|
|
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
|
|
128
|
-
const
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
133
|
-
|
|
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
|
-
|
|
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:
|
|
142
|
-
|
|
143
|
-
|
|
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 (
|
|
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
|
|
155
|
-
value:
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
min:
|
|
160
|
-
|
|
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:
|
|
168
|
-
|
|
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({},
|
|
173
|
-
|
|
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":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,QAAQ,EAGR,YAAY,GAEZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,EAEN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,WAAW,GACX,MAAM,eAAe,CAAC;AA4FvB,MAAM,CAAC,MAAM,UAAU,GAAwB,KAAK,CAAC,UAAU,CAC9D,CAAC,KAAK,EAAE,GAAyB,EAAE,EAAE;IACpC,MAAM,EACL,QAAQ,EACR,QAAQ,EAAE,cAAc,EACxB,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EAAE,UAAU,EACjB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,KAEF,KAAK,EADL,IAAI,UACJ,KAAK,EArBH,wNAqBL,CAAQ,CAAC;IACV,MAAM,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAClE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAClE,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAE7F,QAAQ;IACR,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CACrC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9B,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7D,oBAAoB;IACpB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,UAAU;IACV,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,sBAAsB;IACvE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAE5C,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAAE,OAAO;QAEnC,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAE9D,WAAW;IACX,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,CAAC,YAAY,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAA,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,YAAY,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QACvC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAA,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,EAAE,CAC3B,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IAEjD,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;;QAChD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAElB,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,aAAa,EAAE,CAAC;YAChB,CAAC,OAAO,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC;SACtC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;YACf,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC9B;QAED,IAAI,YAAY,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;YAAE,aAAa,EAAE,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAsB,EAAE,EAAE;;QACvD,IAAI,YAAY,GAAG,YAAY,CAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;QAEvE,IAAI,CAAA,MAAA,MAAA,CAAC,CAAC,WAAW,0CAAE,MAAM,0CAAE,SAAS,MAAK,aAAa;YACrD,YAAY,GAAG,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;QAE5D,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,CAAC,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,+CAA+C;YACnF,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,cAAc,CAAC,IAAI,CAAC,CAAC;SACrB;QAED,aAAa,EAAE,CAAC;QAChB,CAAC,OAAO,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC,CAAC,uDAAuD;IAC/F,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,GAAqB,EAAE,IAAU,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,SAAS,CAAC;YACtB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;YACvC,EAAE;YACF,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa;SAClC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,cAAc,CAAC,IAAI,CAAC,CAAC;SACrB;IACF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAwB,EAAE,EAAE,CACnD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,CAAC,GAAwB,EAAE,EAAE;;QAClD,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC,CAAC,cAAc;QAC3D,IAAI,CAAC,GAAG,CAAC,OAAO;YACf,OAAO,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe;QACzE,OAAO,SAAS,CAAC,CAAC,CAAC,MAAA,GAAG,CAAC,KAAK,+CAAT,GAAG,CAAU,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,aAAa;IACjE,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAqB,EAAE,IAAU,EAAE,EAAE;QAC5D,MAAM,OAAO,GAAG,SAAS,CAAC;YACzB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;YACvC,EAAE;YACF,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa;SAClC,CAAC,CAAC;QAEH,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,KAAK,WAAW;YAAE,OAAO,SAAS,CAAC,CAAC,mBAAmB;QAChF,oCAAoC;QACpC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO;YAAE,OAAO,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;QACtF,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAA;YAAE,OAAO,WAAW,CAAC,CAAC,4CAA4C;QAC3G,OAAO,CAAC,IAAI,CACX,iFAAiF,EACjF,IAAI,CACJ,CAAC;QACF,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,cAAc,mBACnB,QAAQ;QACR,KAAK;QACL,QAAQ,EACR,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,WAAW;QACX,QAAQ;QACR,IAAI,EACJ,KAAK,EAAE,SAAS,EAAE,EAClB,KAAK,EAAE,UAAU,IACd,SAAS,CACZ,CAAC;IAEF,sEAAsE;IACtE,MAAM,UAAU,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC/C,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,EAAE;YAChD,OAAO,oBAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,UAAG,CAAC;SAC3C;QACD,OAAO,oBAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACrB,KAAK,EAAE,IAAI,CAAC,OAAO;YAClB,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,iBAAiB;YACnC,CAAC,CAAC,IAAI;QACP,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAC/C,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAC/C,QAAQ,EAAE,oBAAoB;QAC9B,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,UAAU;KAChB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG;QAC/B,KAAK,EAAE,IAAI,CAAC,OAAO;YAClB,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,iBAAiB;YACnC,CAAC,CAAC,IAAI;QACP,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,YAAY;QAClB,KAAK;KACL,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,CACjB,oBAAC,aAAa,oBACT,cAAc,IAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,YAAY,EACrB,UAAU,EACT,oBAAC,IAAI,IACJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,cAAc,gBACZ,iBAAiB,GAC3B,EAEH,KAAK,gCACgB,YAAY,IAChC,CACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE;QAClD,sBAAsB,EAAE,QAAQ;QAChC,kBAAkB,EAAE,YAAY;QAChC,CAAC,eAAe,IAAI,EAAE,CAAC,EAAE,IAAI;KAC7B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,MAAM,QACN,gBAAgB,EAAE,iBAAiB,EACnC,IAAI,EAAE,YAAY,EAClB,uBAAuB,EAAC,sBAAsB,EAC9C,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,aAAa,EAC7B,OAAO,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,SAAS,IAC/B,IAAI,GAEP,cAAc,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,oBAAK,aAAa,EAAI,CACrC,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,oBAAK,aAAa,EAAI,CAC/B,CACQ,CACV,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -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
|
-
/**
|
|
17
|
-
onBlur
|
|
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
|
|
20
|
-
/** forwarded
|
|
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>;
|