@rolster/react-components 19.0.0 → 19.0.3
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/cjs/assets/{index-QCv-Uo8R.css → index--qtFLq_w.css} +204 -8
- package/dist/cjs/index.js +331 -67
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-QCv-Uo8R.css → index--qtFLq_w.css} +204 -8
- package/dist/es/index.js +333 -71
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +4 -2
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +1 -1
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.js +1 -1
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/molecules/Tabs/Tabs.js +1 -1
- package/dist/esm/components/molecules/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.css +72 -0
- package/dist/esm/components/organisms/FieldClock/FieldClock.css.map +1 -0
- package/dist/esm/components/organisms/FieldClock/FieldClock.d.ts +37 -0
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +55 -0
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -0
- package/dist/esm/components/organisms/FieldDate/FieldDate.css +2 -2
- package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +25 -20
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +5 -2
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +21 -18
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/PickerClock/PickerClock.css +116 -0
- package/dist/esm/components/organisms/PickerClock/PickerClock.css.map +1 -0
- package/dist/esm/components/organisms/PickerClock/PickerClock.d.ts +13 -0
- package/dist/esm/components/organisms/PickerClock/PickerClock.js +220 -0
- package/dist/esm/components/organisms/PickerClock/PickerClock.js.map +1 -0
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +3 -2
- package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +11 -13
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.d.ts +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +2 -2
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
- package/dist/esm/components/molecules/PickerClock/PickerClock.d.ts +0 -1
- package/dist/esm/components/molecules/PickerClock/PickerClock.js +0 -5
- package/dist/esm/components/molecules/PickerClock/PickerClock.js.map +0 -1
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
.rls-field-date-range {
|
|
2
2
|
--rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
|
|
3
|
-
--pvt-font-size: var(
|
|
3
|
+
--pvt-font-size: var(
|
|
4
|
+
--rlc-field-date-range-font-size,
|
|
5
|
+
var(--rls-input-font-size)
|
|
6
|
+
);
|
|
4
7
|
--pvt-letter-spacing: var(
|
|
5
|
-
--rlc-
|
|
8
|
+
--rlc-field-date-range-letter-spacing,
|
|
6
9
|
var(--rls-input-letter-spacing)
|
|
7
10
|
);
|
|
8
11
|
--pvt-action-dimension: var(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.scss"],"names":[],"mappings":"AAOA,sBACE,wEAEA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.scss"],"names":[],"mappings":"AAOA,sBACE,wEAEA,qFAKA,oGAKA,uFAKA,4FAKA,8DAEA,kBACA,WACA,sBAEA,+CACE,0BAGF,+BACE,kBACA,+BACA,6BACA,kCACA,aACA,eACA,YACA,aACA,yBACA,+BACA,0CACA,+BACA,yCAEA,4CACE,+BAGF,wCACE,WACA,mBAIJ,8BACE,+DAEA,kCACA,mCACA,+BACA,aACA,aACA,uEACA,wCAEA,uCACE,WACA,yBAGF,wCACE,YAKN,4BACE,oCACA,8BACA,qDACA","file":"FieldDateRange.css"}
|
|
@@ -8,47 +8,50 @@ import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFor
|
|
|
8
8
|
import { RlsModal } from '../Modal/Modal';
|
|
9
9
|
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
10
10
|
import './FieldDateRange.css';
|
|
11
|
-
export function RlsFieldDateRange({ children, date
|
|
12
|
-
const currentDate = useMemo(() =>
|
|
13
|
-
const [value, setValue] = useState(formControl?.value ||
|
|
11
|
+
export function RlsFieldDateRange({ children, date, disabled: disabledProps, formControl, identifier, maxDate, minDate, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value: valueInitial }) {
|
|
12
|
+
const currentDate = useMemo(() => date ?? new Date(), [date]);
|
|
13
|
+
const [value, setValue] = useState(formControl?.value || valueInitial);
|
|
14
14
|
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
15
|
-
const
|
|
16
|
-
return formControl?.disabled ||
|
|
17
|
-
}, [formControl?.disabled,
|
|
15
|
+
const disabled = useMemo(() => {
|
|
16
|
+
return formControl?.disabled || disabledProps;
|
|
17
|
+
}, [formControl?.disabled, disabledProps]);
|
|
18
18
|
const className = useMemo(() => {
|
|
19
19
|
return renderClassStatus('rls-field-box', {
|
|
20
|
-
disabled
|
|
20
|
+
disabled,
|
|
21
21
|
readonly: readOnly
|
|
22
22
|
});
|
|
23
|
-
}, [
|
|
24
|
-
const
|
|
23
|
+
}, [disabled, readOnly]);
|
|
24
|
+
const dateRangeValue = useMemo(() => {
|
|
25
|
+
return formControl ? formControl.value : value;
|
|
26
|
+
}, [formControl?.value, value]);
|
|
27
|
+
const status = useMemo(() => {
|
|
25
28
|
return {
|
|
26
|
-
icon:
|
|
27
|
-
valueInput:
|
|
29
|
+
icon: dateRangeValue ? 'trash-2' : 'calendar',
|
|
30
|
+
valueInput: dateRangeValue ? rangeFormatTemplate(dateRangeValue) : ''
|
|
28
31
|
};
|
|
29
|
-
}, [
|
|
32
|
+
}, [dateRangeValue]);
|
|
30
33
|
const onClickInput = useCallback(() => {
|
|
31
34
|
!readOnly && setModalIsVisible(true);
|
|
32
35
|
}, [readOnly]);
|
|
33
36
|
const onChange = useCallback((value) => {
|
|
34
37
|
setValue(value);
|
|
35
|
-
onValue
|
|
38
|
+
onValue?.(value);
|
|
36
39
|
}, [onValue]);
|
|
37
40
|
const onClickAction = useCallback(() => {
|
|
38
|
-
if (
|
|
39
|
-
formControl?.setValue(
|
|
41
|
+
if (dateRangeValue) {
|
|
42
|
+
formControl?.setValue(valueInitial);
|
|
40
43
|
formControl?.touch();
|
|
41
|
-
onChange(
|
|
44
|
+
onChange(valueInitial);
|
|
42
45
|
}
|
|
43
46
|
else {
|
|
44
47
|
setModalIsVisible(true);
|
|
45
48
|
}
|
|
46
|
-
}, [
|
|
49
|
+
}, [dateRangeValue, formControl, valueInitial, onChange]);
|
|
47
50
|
const onListener = useCallback(({ event, value }) => {
|
|
48
51
|
event !== PickerListenerEvent.Cancel && onChange(value);
|
|
49
52
|
formControl?.touch();
|
|
50
53
|
setModalIsVisible(false);
|
|
51
54
|
}, [formControl, onChange]);
|
|
52
|
-
return (_jsxs("div", { id: identifier, className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date-range__control", type: "text", value: valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled:
|
|
55
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date-range__control", type: "text", value: status.valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx("button", { className: "rls-field-date-range__action", onClick: onClickAction, disabled: disabled, children: _jsx(RlsIcon, { value: status.icon }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { className: "rls-field-date-range-modal", visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDateRange, { formControl: formControl, date: currentDate, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) })] }));
|
|
53
56
|
}
|
|
54
57
|
//# sourceMappingURL=FieldDateRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,sBAAsB,CAAC;AA6C9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,
|
|
1
|
+
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
.rls-picker-clock {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: flex;
|
|
4
|
+
width: 150rem;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
row-gap: var(--rls-sizing-x8);
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
user-select: none;
|
|
9
|
+
padding: var(--rlc-picker-clock-padding, 0rem);
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
border-radius: var(--rlc-picker-clock-radius, 0rem);
|
|
12
|
+
background: var(--rlc-picker-clock-background, transparent);
|
|
13
|
+
}
|
|
14
|
+
.rls-picker-clock__header {
|
|
15
|
+
display: flex;
|
|
16
|
+
column-gap: var(--rls-sizing-x8);
|
|
17
|
+
padding: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem var(--rls-sizing-x4);
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
}
|
|
21
|
+
.rls-picker-clock__title {
|
|
22
|
+
display: flex;
|
|
23
|
+
width: auto;
|
|
24
|
+
column-gap: var(--rls-sizing-x2);
|
|
25
|
+
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
.rls-picker-clock__title__value {
|
|
28
|
+
width: 16rem;
|
|
29
|
+
text-align: center;
|
|
30
|
+
font-size: var(--rls-heading4-font-size);
|
|
31
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
32
|
+
color: var(--rls-app-color-600);
|
|
33
|
+
}
|
|
34
|
+
.rls-picker-clock__title__value--active {
|
|
35
|
+
color: var(--rls-theme-color-500);
|
|
36
|
+
}
|
|
37
|
+
.rls-picker-clock__title__value:hover {
|
|
38
|
+
color: var(--rls-app-color-900);
|
|
39
|
+
}
|
|
40
|
+
.rls-picker-clock__title__separator {
|
|
41
|
+
font-size: var(--rls-title-font-size);
|
|
42
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
43
|
+
}
|
|
44
|
+
.rls-picker-clock__zone {
|
|
45
|
+
display: flex;
|
|
46
|
+
width: auto;
|
|
47
|
+
column-gap: var(--rls-sizing-x4);
|
|
48
|
+
align-items: center;
|
|
49
|
+
}
|
|
50
|
+
.rls-picker-clock__zone__value {
|
|
51
|
+
width: 18rem;
|
|
52
|
+
text-align: center;
|
|
53
|
+
padding: var(--rls-sizing-x1) var(--rls-sizing-x2);
|
|
54
|
+
border-radius: var(--rls-sizing-x2);
|
|
55
|
+
font-size: var(--rls-body-font-size);
|
|
56
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
57
|
+
background: var(--rls-app-color-200);
|
|
58
|
+
}
|
|
59
|
+
.rls-picker-clock__zone__value--active {
|
|
60
|
+
background: var(--rls-theme-gradient-500);
|
|
61
|
+
color: var(--rls-theme-color-050);
|
|
62
|
+
}
|
|
63
|
+
.rls-picker-clock__body {
|
|
64
|
+
display: flex;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
}
|
|
67
|
+
.rls-picker-clock__plate {
|
|
68
|
+
width: 120rem;
|
|
69
|
+
height: 120rem;
|
|
70
|
+
border-radius: 50%;
|
|
71
|
+
border: var(--rls-app-border-2-200);
|
|
72
|
+
box-sizing: border-box;
|
|
73
|
+
overflow: hidden;
|
|
74
|
+
}
|
|
75
|
+
.rls-picker-clock__canvas {
|
|
76
|
+
position: absolute;
|
|
77
|
+
}
|
|
78
|
+
.rls-picker-clock__canvas__line {
|
|
79
|
+
stroke: var(--rls-theme-color-500);
|
|
80
|
+
stroke-width: var(--rls-sizing-x1);
|
|
81
|
+
}
|
|
82
|
+
.rls-picker-clock__canvas__center {
|
|
83
|
+
fill: var(--rls-theme-color-500);
|
|
84
|
+
}
|
|
85
|
+
.rls-picker-clock__canvas__indicator {
|
|
86
|
+
fill: var(--rls-theme-color-300);
|
|
87
|
+
}
|
|
88
|
+
.rls-picker-clock__canvas__point {
|
|
89
|
+
fill: var(--rls-theme-color-050);
|
|
90
|
+
}
|
|
91
|
+
.rls-picker-clock__tick {
|
|
92
|
+
position: absolute;
|
|
93
|
+
width: var(--rls-sizing-x14);
|
|
94
|
+
height: var(--rls-sizing-x14);
|
|
95
|
+
line-height: var(--rls-sizing-x14);
|
|
96
|
+
text-align: center;
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
font-size: var(--rls-paragraph-font-size);
|
|
99
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
100
|
+
}
|
|
101
|
+
.rls-picker-clock__footer {
|
|
102
|
+
--rlc-button-width: 100%;
|
|
103
|
+
display: flex;
|
|
104
|
+
column-gap: var(--rls-sizing-x6);
|
|
105
|
+
align-items: center;
|
|
106
|
+
padding: var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6)
|
|
107
|
+
var(--rls-sizing-x8);
|
|
108
|
+
overflow: hidden;
|
|
109
|
+
box-sizing: border-box;
|
|
110
|
+
}
|
|
111
|
+
.rls-picker-clock__footer--today {
|
|
112
|
+
display: flex;
|
|
113
|
+
width: var(--rls-sizing-x16);
|
|
114
|
+
align-items: center;
|
|
115
|
+
justify-content: center;
|
|
116
|
+
} /*# sourceMappingURL=PickerClock.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/PickerClock/PickerClock.scss"],"names":[],"mappings":"AAOA,kBACE,kBACA,aACA,aACA,sBACA,6BACA,gBACA,iBACA,8CACA,sBACA,mDACA,2DAEA,0BACE,aACA,gCACA,4EACA,sBACA,uBAGF,yBACE,aACA,WACA,gCACA,mBAEA,gCACE,YACA,kBACA,wCACA,4CACA,+BAEA,wCACE,iCAGF,sCACE,+BAIJ,oCACE,qCACA,4CAIJ,wBACE,aACA,WACA,gCACA,mBAEA,+BACE,YACA,kBACA,kDACA,mCACA,oCACA,4CACA,oCAEA,uCACE,yCACA,iCAKN,wBACE,aACA,uBAGF,yBACE,aACA,cACA,kBACA,mCACA,sBACA,gBAGF,0BACE,kBAEA,gCACE,kCACA,kCAGF,kCACE,gCAGF,qCACE,gCAGF,iCACE,gCAIJ,wBACE,kBACA,4BACA,6BACA,kCACA,kBACA,eACA,yCACA,4CAGF,0BACE,yBAEA,aACA,gCACA,mBACA,4FAEA,gBACA,sBAEA,iCACE,aACA,4BACA,mBACA","file":"PickerClock.css"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PickerListener } from '@rolster/components';
|
|
2
|
+
import { Time } from '@rolster/dates';
|
|
3
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
4
|
+
import { RlsComponent } from '../../definitions';
|
|
5
|
+
import './PickerClock.css';
|
|
6
|
+
interface PickerClockProps extends RlsComponent {
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
formControl?: ReactControl<HTMLElement, Time> | ReactControl<HTMLElement, Time | undefined>;
|
|
9
|
+
onListener?: (listener: PickerListener<Time>) => void;
|
|
10
|
+
time?: Time;
|
|
11
|
+
}
|
|
12
|
+
export declare function RlsPickerClock({ formControl, onListener, rlsTheme, time }: PickerClockProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
+
import { Time } from '@rolster/dates';
|
|
4
|
+
import { i18nSubscribe } from '@rolster/i18n';
|
|
5
|
+
import { useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';
|
|
6
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
7
|
+
import { reactI18n } from '../../../i18n';
|
|
8
|
+
import { RlsButton } from '../../atoms/Button/Button';
|
|
9
|
+
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
10
|
+
import './PickerClock.css';
|
|
11
|
+
function formatTime(value) {
|
|
12
|
+
return String(value).padStart(2, '0');
|
|
13
|
+
}
|
|
14
|
+
const CLOCK_VALUES = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
|
15
|
+
const RADIUS = 48;
|
|
16
|
+
const DIAL_RADIUS = 60;
|
|
17
|
+
const TICK_RADIUS = 7;
|
|
18
|
+
function RlsPickerClockTick({ onValue, selectionIsHours, value }) {
|
|
19
|
+
const styleTick = useMemo(() => {
|
|
20
|
+
const radian = (value / 6) * Math.PI;
|
|
21
|
+
const x = Math.sin(radian) * RADIUS;
|
|
22
|
+
const y = Math.cos(radian) * RADIUS;
|
|
23
|
+
return {
|
|
24
|
+
left: `${DIAL_RADIUS + x - TICK_RADIUS - 1}rem`,
|
|
25
|
+
top: `${DIAL_RADIUS - y - TICK_RADIUS - 1}rem`
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
28
|
+
const label = useMemo(() => {
|
|
29
|
+
if (selectionIsHours) {
|
|
30
|
+
return formatTime(value);
|
|
31
|
+
}
|
|
32
|
+
if (value === 12) {
|
|
33
|
+
return formatTime(0);
|
|
34
|
+
}
|
|
35
|
+
return formatTime(value * 5);
|
|
36
|
+
}, [selectionIsHours]);
|
|
37
|
+
const onClick = useCallback((event) => {
|
|
38
|
+
event.preventDefault();
|
|
39
|
+
onValue(value);
|
|
40
|
+
}, [onValue]);
|
|
41
|
+
return (_jsx("div", { className: "rls-picker-clock__tick", style: styleTick, onClick: onClick, children: label }));
|
|
42
|
+
}
|
|
43
|
+
export function RlsPickerClock({ formControl, onListener, rlsTheme, time }) {
|
|
44
|
+
const timeInitial = useMemo(() => {
|
|
45
|
+
return formControl?.value ?? time ?? Time.now();
|
|
46
|
+
}, [formControl?.value, time]);
|
|
47
|
+
const plateElement = useRef(null);
|
|
48
|
+
const lineElement = useRef(null);
|
|
49
|
+
const centerElement = useRef(null);
|
|
50
|
+
const indicatorElement = useRef(null);
|
|
51
|
+
const pointElement = useRef(null);
|
|
52
|
+
const [labels, setLabels] = useState({
|
|
53
|
+
timeActionCancel: reactI18n('dateActionCancel'),
|
|
54
|
+
timeActionSelect: reactI18n('dateActionSelect')
|
|
55
|
+
});
|
|
56
|
+
const [zoneIsPM, setZoneIsPM] = useState(timeInitial.hour >= 12);
|
|
57
|
+
const [hour, setHour] = useState(zoneIsPM ? timeInitial.hour - 12 : timeInitial.hour);
|
|
58
|
+
const [minute, setMinute] = useState(timeInitial.minute);
|
|
59
|
+
const [selectionIsHours, setSelectionIsHours] = useState(true);
|
|
60
|
+
const changeIsInternal = useRef(true);
|
|
61
|
+
const selectionIsActive = useRef(false);
|
|
62
|
+
const radianUnit = useMemo(() => {
|
|
63
|
+
return Math.PI / (selectionIsHours ? 6 : 30);
|
|
64
|
+
}, [selectionIsHours]);
|
|
65
|
+
const hourFormat = useMemo(() => {
|
|
66
|
+
return formatTime(hour === 0 ? 12 : hour);
|
|
67
|
+
}, [hour]);
|
|
68
|
+
const minuteFormat = useMemo(() => {
|
|
69
|
+
return formatTime(minute);
|
|
70
|
+
}, [minute]);
|
|
71
|
+
const classNameHour = useMemo(() => {
|
|
72
|
+
return renderClassStatus('rls-picker-clock__title__value', {
|
|
73
|
+
active: selectionIsHours
|
|
74
|
+
});
|
|
75
|
+
}, [selectionIsHours]);
|
|
76
|
+
const classNameMinute = useMemo(() => {
|
|
77
|
+
return renderClassStatus('rls-picker-clock__title__value', {
|
|
78
|
+
active: !selectionIsHours
|
|
79
|
+
});
|
|
80
|
+
}, [selectionIsHours]);
|
|
81
|
+
const classNameAM = useMemo(() => {
|
|
82
|
+
return renderClassStatus('rls-picker-clock__zone__value', {
|
|
83
|
+
active: !zoneIsPM
|
|
84
|
+
});
|
|
85
|
+
}, [zoneIsPM]);
|
|
86
|
+
const classNamePM = useMemo(() => {
|
|
87
|
+
return renderClassStatus('rls-picker-clock__zone__value', {
|
|
88
|
+
active: zoneIsPM
|
|
89
|
+
});
|
|
90
|
+
}, [zoneIsPM]);
|
|
91
|
+
const refreshClockHour = useEffectEvent(() => {
|
|
92
|
+
refreshClock(hour > 12 ? hour - 12 : hour);
|
|
93
|
+
});
|
|
94
|
+
const refreshClockMinute = useEffectEvent(() => {
|
|
95
|
+
refreshClock(minute);
|
|
96
|
+
});
|
|
97
|
+
useEffect(() => {
|
|
98
|
+
return i18nSubscribe(() => {
|
|
99
|
+
setLabels({
|
|
100
|
+
timeActionCancel: reactI18n('dateActionCancel'),
|
|
101
|
+
timeActionSelect: reactI18n('dateActionSelect')
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
}, []);
|
|
105
|
+
useEffect(() => {
|
|
106
|
+
selectionIsHours ? refreshClockHour() : refreshClockMinute();
|
|
107
|
+
}, [selectionIsHours]);
|
|
108
|
+
useEffect(() => {
|
|
109
|
+
if (!changeIsInternal.current && formControl?.value) {
|
|
110
|
+
const zoneIsPM = formControl.value.hour >= 12;
|
|
111
|
+
setZoneIsPM(zoneIsPM);
|
|
112
|
+
setHour(zoneIsPM ? formControl.value.hour - 12 : formControl.value.hour);
|
|
113
|
+
setMinute(formControl.value.minute);
|
|
114
|
+
}
|
|
115
|
+
changeIsInternal.current = false;
|
|
116
|
+
}, [formControl?.value]);
|
|
117
|
+
const refreshComponent = useCallback((clientX, clientY) => {
|
|
118
|
+
const rectangle = plateElement.current.getBoundingClientRect();
|
|
119
|
+
const centerX = rectangle.left + rectangle.width / 2;
|
|
120
|
+
const centerY = rectangle.top + rectangle.height / 2;
|
|
121
|
+
const positionX = clientX - centerX;
|
|
122
|
+
const positionY = clientY - centerY;
|
|
123
|
+
const angle = Math.atan2(-positionX, positionY) + Math.PI;
|
|
124
|
+
const value = Math.round(angle / radianUnit);
|
|
125
|
+
refreshClock(value);
|
|
126
|
+
selectionIsHours ? setHour(value === 0 ? 12 : value) : setMinute(value);
|
|
127
|
+
}, [selectionIsHours, radianUnit]);
|
|
128
|
+
const refreshClock = useCallback((value) => {
|
|
129
|
+
const angle = value * radianUnit;
|
|
130
|
+
const x2 = Math.sin(angle) * (RADIUS - TICK_RADIUS);
|
|
131
|
+
const y2 = -Math.cos(angle) * (RADIUS - TICK_RADIUS);
|
|
132
|
+
const cx = Math.sin(angle) * RADIUS;
|
|
133
|
+
const cy = -Math.cos(angle) * RADIUS;
|
|
134
|
+
lineElement.current.setAttribute('x2', `${x2 - 1}rem`);
|
|
135
|
+
lineElement.current.setAttribute('y2', `${y2 - 1}rem`);
|
|
136
|
+
indicatorElement.current.setAttribute('cx', `${cx - 1}rem`);
|
|
137
|
+
indicatorElement.current.setAttribute('cy', `${cy - 1}rem`);
|
|
138
|
+
pointElement.current.setAttribute('cx', `${cx - 1}rem`);
|
|
139
|
+
pointElement.current.setAttribute('cy', `${cy - 1}rem`);
|
|
140
|
+
pointElement.current.style.visibility =
|
|
141
|
+
selectionIsHours || value % 5 === 0 ? 'hidden' : 'visible';
|
|
142
|
+
}, [selectionIsHours, radianUnit]);
|
|
143
|
+
const onClickHour = useCallback(() => {
|
|
144
|
+
setSelectionIsHours(true);
|
|
145
|
+
}, []);
|
|
146
|
+
const onClickMinute = useCallback(() => {
|
|
147
|
+
setSelectionIsHours(false);
|
|
148
|
+
}, []);
|
|
149
|
+
const onClickAM = useCallback(() => {
|
|
150
|
+
setZoneIsPM(false);
|
|
151
|
+
}, []);
|
|
152
|
+
const onClickPM = useCallback(() => {
|
|
153
|
+
setZoneIsPM(true);
|
|
154
|
+
}, []);
|
|
155
|
+
const onActiveSelection = useCallback(() => {
|
|
156
|
+
selectionIsActive.current = true;
|
|
157
|
+
}, []);
|
|
158
|
+
const onMouseSelection = useCallback((event) => {
|
|
159
|
+
if (selectionIsActive.current) {
|
|
160
|
+
event.preventDefault();
|
|
161
|
+
refreshComponent(event.clientX, event.clientY);
|
|
162
|
+
}
|
|
163
|
+
}, [refreshComponent]);
|
|
164
|
+
const onTouchSelection = useCallback((event) => {
|
|
165
|
+
const touch = event.touches.item(0);
|
|
166
|
+
if (selectionIsActive.current && touch) {
|
|
167
|
+
refreshComponent(touch.clientX, touch.clientY);
|
|
168
|
+
}
|
|
169
|
+
}, [refreshComponent]);
|
|
170
|
+
const onInactiveSelection = useCallback(() => {
|
|
171
|
+
selectionIsActive.current = false;
|
|
172
|
+
}, []);
|
|
173
|
+
const onClickValue = useCallback((value) => {
|
|
174
|
+
if (selectionIsHours) {
|
|
175
|
+
setHour(value);
|
|
176
|
+
refreshClock(value);
|
|
177
|
+
}
|
|
178
|
+
else {
|
|
179
|
+
const minute = value === 12 ? 0 : value * 5;
|
|
180
|
+
setMinute(minute);
|
|
181
|
+
refreshClock(minute);
|
|
182
|
+
}
|
|
183
|
+
}, [selectionIsHours]);
|
|
184
|
+
const onCancel = useCallback(() => {
|
|
185
|
+
onListener?.({ event: PickerListenerEvent.Cancel });
|
|
186
|
+
}, [onListener]);
|
|
187
|
+
const onCurrentTime = useCallback(() => {
|
|
188
|
+
const currentTime = Time.now();
|
|
189
|
+
changeIsInternal.current = true;
|
|
190
|
+
formControl?.setValue(currentTime);
|
|
191
|
+
setHour(currentTime.hour);
|
|
192
|
+
setMinute(currentTime.minute);
|
|
193
|
+
onListener?.({
|
|
194
|
+
event: PickerListenerEvent.Select,
|
|
195
|
+
value: currentTime
|
|
196
|
+
});
|
|
197
|
+
}, [formControl, onListener]);
|
|
198
|
+
const onSelect = useCallback(() => {
|
|
199
|
+
const hourValue = zoneIsPM
|
|
200
|
+
? hour !== 12
|
|
201
|
+
? hour + 12
|
|
202
|
+
: 12
|
|
203
|
+
: hour === 12
|
|
204
|
+
? 0
|
|
205
|
+
: hour;
|
|
206
|
+
const timeValue = new Time(hourValue, minute);
|
|
207
|
+
changeIsInternal.current = true;
|
|
208
|
+
formControl?.setValue(timeValue);
|
|
209
|
+
onListener?.({
|
|
210
|
+
event: PickerListenerEvent.Select,
|
|
211
|
+
value: timeValue
|
|
212
|
+
});
|
|
213
|
+
}, [formControl, hour, minute, zoneIsPM, onListener]);
|
|
214
|
+
return (_jsxs("div", { className: "rls-picker-clock", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-clock__header", children: [_jsxs("div", { className: "rls-picker-clock__title", children: [_jsx("span", { className: classNameHour, onClick: onClickHour, children: hourFormat }), _jsx("span", { className: "rls-picker-clock__title__separator", children: ":" }), _jsx("span", { className: classNameMinute, onClick: onClickMinute, children: minuteFormat })] }), _jsxs("div", { className: "rls-picker-clock__zone", children: [_jsx("span", { className: classNameAM, onClick: onClickAM, children: "AM" }), _jsx("span", { className: classNamePM, onClick: onClickPM, children: "PM" })] })] }), _jsx("div", { className: "rls-picker-clock__body", children: _jsxs("div", { className: "rls-picker-clock__plate", ref: plateElement, onMouseDown: onActiveSelection, onMouseMove: onMouseSelection, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onActiveSelection, onTouchMove: onTouchSelection, onTouchEnd: onInactiveSelection, children: [_jsx("div", { className: "rls-picker-clock__canvas", children: _jsx("svg", { width: "120rem", height: "120rem", children: _jsxs("g", { style: {
|
|
215
|
+
transform: `translate(${DIAL_RADIUS}rem, ${DIAL_RADIUS}rem)`
|
|
216
|
+
}, children: [_jsx("line", { ref: lineElement, className: "rls-picker-clock__canvas__line", x1: "-1", y1: "-1" }), _jsx("circle", { ref: centerElement, className: "rls-picker-clock__canvas__center", r: "4", cx: "-1", cy: "-1" }), _jsx("circle", { ref: indicatorElement, className: "rls-picker-clock__canvas__indicator", r: `${TICK_RADIUS}rem` }), _jsx("circle", { ref: pointElement, className: "rls-picker-clock__canvas__point", r: "3.5" })] }) }) }), _jsx("div", { className: "rls-picker-clock__hours", children: CLOCK_VALUES.map((value) => {
|
|
217
|
+
return (_jsx(RlsPickerClockTick, { value: value, selectionIsHours: selectionIsHours, onValue: onClickValue }, value));
|
|
218
|
+
}) })] }) }), _jsxs("div", { className: "rls-picker-clock__footer", children: [_jsx("div", { className: "rls-picker-clock__footer--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.timeActionCancel }) }), _jsx("div", { className: "rls-picker-clock__footer--today", children: _jsx(RlsButtonAction, { icon: "timer", onClick: onCurrentTime }) }), _jsx("div", { className: "rls-picker-clock__footer--ok", children: _jsx(RlsButton, { type: "gradient", onClick: onSelect, children: labels.timeActionSelect }) })] })] }));
|
|
219
|
+
}
|
|
220
|
+
//# sourceMappingURL=PickerClock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PickerClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerClock/PickerClock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
.rls-picker-date {
|
|
2
2
|
position: relative;
|
|
3
3
|
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
4
|
width: 150rem;
|
|
6
|
-
|
|
5
|
+
flex-direction: column;
|
|
7
6
|
row-gap: var(--rls-sizing-x4);
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
user-select: none;
|
|
8
9
|
border-radius: var(--rlc-picker-date-radius, 0rem);
|
|
9
10
|
background: var(--rlc-picker-date-background, transparent);
|
|
10
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.scss"],"names":[],"mappings":"AAOA,iBACE,kBACA,aACA,sBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.scss"],"names":[],"mappings":"AAOA,iBACE,kBACA,aACA,aACA,sBACA,6BACA,gBACA,iBACA,kDACA,0DAEA,yBACE,0DACA,yDACA,iEAEA,aACA,sBACA,6BACA,4EACA,sBAGF,wBACE,6BACA,kCACA,+BACA,kBACA,eACA,wCACA,yCAEA,8BACE,iCAIJ,4BACE,+BACA,iCACA,gCAEA,aACA,uBAEA,iCACE,+BAGF,mCACE,iCAGF,kCACE,iCAIJ,0BACE,yBAEA,aACA,gCACA,mBACA,4FAEA,gBACA,sBAEA,iCACE,aACA,4BACA,mBACA","file":"PickerDate.css"}
|
|
@@ -8,12 +8,12 @@ import { DATE_FORMAT_TITLE } from '../../../constants/picker.constant';
|
|
|
8
8
|
import { renderClassStatus } from '../../../helpers/css';
|
|
9
9
|
import { reactI18n } from '../../../i18n';
|
|
10
10
|
import { RlsButton } from '../../atoms/Button/Button';
|
|
11
|
+
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
11
12
|
import { RlsPickerDay } from '../../molecules/PickerDay/PickerDay';
|
|
12
13
|
import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
|
|
13
14
|
import { RlsPickerSelectorTitle } from '../../molecules/PickerSelectorTitle/PickerSelectorTitle';
|
|
14
15
|
import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
|
|
15
16
|
import './PickerDate.css';
|
|
16
|
-
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
17
17
|
export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
18
18
|
const today = useRef(new Date()); // Initial current date in component
|
|
19
19
|
const _date = useMemo(() => {
|
|
@@ -66,26 +66,24 @@ export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate,
|
|
|
66
66
|
type === 'month' ? setVisibility('MONTH') : setVisibility('YEAR');
|
|
67
67
|
}, []);
|
|
68
68
|
const onCancel = useCallback(() => {
|
|
69
|
-
onListener
|
|
69
|
+
onListener?.({ event: PickerListenerEvent.Cancel });
|
|
70
70
|
}, [onListener]);
|
|
71
71
|
const onToday = useCallback(() => {
|
|
72
72
|
yearControl.setValue(today.current.getFullYear());
|
|
73
73
|
dayControl.setValue(today.current.getDate());
|
|
74
74
|
monthControl.setValue(today.current.getMonth());
|
|
75
75
|
formControl?.setValue(today.current);
|
|
76
|
-
onListener
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}, [today.current, formControl, onListener]);
|
|
76
|
+
onListener?.({
|
|
77
|
+
event: PickerListenerEvent.Now,
|
|
78
|
+
value: today.current
|
|
79
|
+
});
|
|
80
|
+
}, [formControl, onListener]);
|
|
82
81
|
const onSelect = useCallback(() => {
|
|
83
82
|
formControl?.setValue(value);
|
|
84
|
-
onListener
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
});
|
|
83
|
+
onListener?.({
|
|
84
|
+
event: PickerListenerEvent.Select,
|
|
85
|
+
value
|
|
86
|
+
});
|
|
89
87
|
}, [formControl, value, onListener]);
|
|
90
88
|
return (_jsxs("div", { className: "rls-picker-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date__header", children: [_jsx(RlsPickerSelectorTitle, { monthControl: monthControl, yearControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: visibility === 'YEAR', type: 'month', onClick: onVisibilityTitle }), _jsx("div", { className: "rls-picker-date__title", children: _jsx("span", { onClick: onVisibilityDay, children: title }) })] }), _jsxs("div", { className: classNameComponent, children: [_jsx(RlsPickerDay, { formControl: dayControl, date: _date, month: monthControl.value, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsPickerMonth, { formControl: monthControl, date: _date, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay }), _jsx(RlsPickerYear, { formControl: yearControl, date: _date, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay })] }), !automatic && (_jsx("div", { className: "rls-picker-date__footer", children: _jsxs("div", { className: "rls-picker-date__actions", children: [_jsx("div", { className: "rls-picker-date__actions--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.dateActionCancel }) }), _jsx("div", { className: "rls-picker-date__actions--today", children: _jsx(RlsButtonAction, { icon: "calendar", onClick: onToday, disabled: itIsDisabledToday }) }), _jsx("div", { className: "rls-picker-date__actions--ok", children: _jsx(RlsButton, { type: "gradient", onClick: onSelect, children: labels.dateActionSelect }) })] }) }))] }));
|
|
91
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,mBAAmB,EACnB,YAAY,EACZ,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAgB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,5 +12,5 @@ interface PickerDateRangeProps extends RlsComponent {
|
|
|
12
12
|
minDate?: Date;
|
|
13
13
|
onListener?: (listener: PickerListener<DateRange>) => void;
|
|
14
14
|
}
|
|
15
|
-
export declare function RlsPickerDateRange({ automatic, date:
|
|
15
|
+
export declare function RlsPickerDateRange({ automatic, date: datePicker, disabled, formControl, maxDate, minDate, onListener, rlsTheme }: PickerDateRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -14,8 +14,8 @@ import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
|
|
|
14
14
|
import { RlsPickerSelectorTitle } from '../../molecules/PickerSelectorTitle/PickerSelectorTitle';
|
|
15
15
|
import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
|
|
16
16
|
import './PickerDateRange.css';
|
|
17
|
-
export function RlsPickerDateRange({ automatic, date:
|
|
18
|
-
const _date = useMemo(() => normalizeMinTime(
|
|
17
|
+
export function RlsPickerDateRange({ automatic, date: datePicker, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
18
|
+
const _date = useMemo(() => normalizeMinTime(datePicker ?? new Date()), [datePicker]);
|
|
19
19
|
const _range = useMemo(() => formControl?.value ?? DateRange.now(), [formControl?.value]);
|
|
20
20
|
const yearControl = useReactControl(_date.getFullYear());
|
|
21
21
|
const monthControl = useReactControl(_date.getMonth());
|