@servicetitan/form 17.5.5 → 17.5.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/date-range-picker/date-range-picker.d.ts +3 -1
- package/dist/date-range-picker/date-range-picker.d.ts.map +1 -1
- package/dist/date-range-picker/date-range-picker.js +21 -8
- package/dist/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/date-range-picker/date-range-picker.module.css +16 -0
- package/package.json +6 -6
- package/src/date-range-picker/date-range-picker.module.css +16 -0
- package/src/date-range-picker/date-range-picker.module.css.d.ts +1 -0
- package/src/date-range-picker/date-range-picker.tsx +17 -9
|
@@ -28,10 +28,12 @@ export declare class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
28
28
|
isFocused: boolean;
|
|
29
29
|
showDatePicker: boolean;
|
|
30
30
|
isIconClicked: boolean;
|
|
31
|
+
isDateRangePickerClicked: boolean;
|
|
31
32
|
constructor(props: DateRangePickerProps);
|
|
32
33
|
handleRef: (wrapElem: HTMLDivElement) => void;
|
|
33
34
|
toggleShow(show?: boolean): void;
|
|
34
|
-
|
|
35
|
+
handleClickGlobal: (evt: Event) => void;
|
|
36
|
+
handleClickDateRangePicker: () => void;
|
|
35
37
|
handleClickIcon: () => void;
|
|
36
38
|
componentDidMount(): void;
|
|
37
39
|
componentWillUnmount(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAEH,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACb,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBACa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAEpD,QAAQ,CAAC,EAAE,GAAG,CAAsB;IAChD,SAAS,UAAS;IACN,cAAc,UAAS;IACnC,aAAa,UAAS;
|
|
1
|
+
{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAEH,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACb,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBACa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAEpD,QAAQ,CAAC,EAAE,GAAG,CAAsB;IAChD,SAAS,UAAS;IACN,cAAc,UAAS;IACnC,aAAa,UAAS;IACtB,wBAAwB,UAAS;gBAErB,KAAK,EAAE,oBAAoB;IAMvC,SAAS,aAAc,cAAc,UAEnC;IAGF,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;IAIzB,iBAAiB,QAAS,KAAK,UAqB7B;IAEF,0BAA0B,aAExB;IAEF,eAAe,aAUb;IAEF,iBAAiB;IAIjB,oBAAoB;IAIpB,YAAY,UAAW,0BAA0B,UAQ/C;IAEF,gBAAgB,oCAQd;IAEF,cAAc,kCAQZ;IAEF,MAAM;IA8HN,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,SAAM;IAIzC,uBAAuB,OAAQ,eAAe,gBAAgB,CAAC,UAG7D;IAEF,IAAI,WAAW,qBAad;IAED,IAAI,SAAS,qBAYZ;CACJ"}
|
|
@@ -69,6 +69,12 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
69
69
|
writable: true,
|
|
70
70
|
value: false
|
|
71
71
|
});
|
|
72
|
+
Object.defineProperty(this, "isDateRangePickerClicked", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
configurable: true,
|
|
75
|
+
writable: true,
|
|
76
|
+
value: false
|
|
77
|
+
});
|
|
72
78
|
Object.defineProperty(this, "handleRef", {
|
|
73
79
|
enumerable: true,
|
|
74
80
|
configurable: true,
|
|
@@ -77,7 +83,7 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
77
83
|
this.wrapElem = wrapElem;
|
|
78
84
|
}
|
|
79
85
|
});
|
|
80
|
-
Object.defineProperty(this, "
|
|
86
|
+
Object.defineProperty(this, "handleClickGlobal", {
|
|
81
87
|
enumerable: true,
|
|
82
88
|
configurable: true,
|
|
83
89
|
writable: true,
|
|
@@ -86,7 +92,7 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
86
92
|
return;
|
|
87
93
|
}
|
|
88
94
|
const isPrevFocused = this.isFocused;
|
|
89
|
-
this.isFocused = this.
|
|
95
|
+
this.isFocused = this.isDateRangePickerClicked;
|
|
90
96
|
if (!this.isFocused && isPrevFocused) {
|
|
91
97
|
// click outside
|
|
92
98
|
this.props.field.enableAutoValidationAndValidate();
|
|
@@ -97,6 +103,15 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
97
103
|
this.props.field.disableAutoValidation();
|
|
98
104
|
}
|
|
99
105
|
this.isIconClicked = false;
|
|
106
|
+
this.isDateRangePickerClicked = false;
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
Object.defineProperty(this, "handleClickDateRangePicker", {
|
|
110
|
+
enumerable: true,
|
|
111
|
+
configurable: true,
|
|
112
|
+
writable: true,
|
|
113
|
+
value: () => {
|
|
114
|
+
this.isDateRangePickerClicked = true;
|
|
100
115
|
}
|
|
101
116
|
});
|
|
102
117
|
Object.defineProperty(this, "handleClickIcon", {
|
|
@@ -170,12 +185,10 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
170
185
|
this.showDatePicker = show !== undefined ? show : !this.showDatePicker;
|
|
171
186
|
}
|
|
172
187
|
componentDidMount() {
|
|
173
|
-
window.addEventListener('
|
|
174
|
-
window.addEventListener('click', this.handleFocus);
|
|
188
|
+
window.addEventListener('click', this.handleClickGlobal);
|
|
175
189
|
}
|
|
176
190
|
componentWillUnmount() {
|
|
177
|
-
window.removeEventListener('
|
|
178
|
-
window.removeEventListener('click', this.handleFocus);
|
|
191
|
+
window.removeEventListener('click', this.handleClickGlobal);
|
|
179
192
|
}
|
|
180
193
|
render() {
|
|
181
194
|
var _a, _b;
|
|
@@ -186,7 +199,7 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
186
199
|
[Styles.popupCenter]: horizontalAlign === 'center',
|
|
187
200
|
[Styles.popupRight]: horizontalAlign === 'right',
|
|
188
201
|
});
|
|
189
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(Styles.dateRangePicker, className), ref: this.handleRef }, { children: [(0, jsx_runtime_1.jsx)(kendo_react_dateinputs_1.DateRangePicker, { className: Styles.dateRangePickerKendo, calendarSettings: {
|
|
202
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(Styles.dateRangePicker, className), ref: this.handleRef, onClick: this.handleClickDateRangePicker }, { children: [(0, jsx_runtime_1.jsx)(kendo_react_dateinputs_1.DateRangePicker, { className: Styles.dateRangePickerKendo, calendarSettings: {
|
|
190
203
|
min: minDate !== null && minDate !== void 0 ? minDate : calendarMinDate,
|
|
191
204
|
max: maxDate !== null && maxDate !== void 0 ? maxDate : calendarMaxDate,
|
|
192
205
|
topView,
|
|
@@ -202,7 +215,7 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
|
|
|
202
215
|
tabIndex: -1,
|
|
203
216
|
}, endDateInputSettings: {
|
|
204
217
|
tabIndex: -1,
|
|
205
|
-
}, show: this.showDatePicker, value: { start: (_a = value.from) !== null && _a !== void 0 ? _a : null, end: (_b = value.to) !== null && _b !== void 0 ? _b : null }, onChange: this.handleChange, min: minDate, max: maxDate, calendar: calendarComponent }, void 0), (0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center", className: "flex-grow-1" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ fill: true }, { children: (0, jsx_runtime_1.jsx)(design_system_1.InputDateMask, { shortLabel: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "today", className: (0, classnames_1.default)(
|
|
218
|
+
}, show: this.showDatePicker, value: { start: (_a = value.from) !== null && _a !== void 0 ? _a : null, end: (_b = value.to) !== null && _b !== void 0 ? _b : null }, onChange: this.handleChange, min: minDate, max: maxDate, calendar: calendarComponent }, void 0), (0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center", className: "flex-grow-1" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ fill: true }, { children: (0, jsx_runtime_1.jsx)(design_system_1.InputDateMask, { shortLabel: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "today", className: (0, classnames_1.default)(Styles.icon, `${qaTestingLocator}-icon-from`), onClick: this.handleClickIcon }, void 0), placeholder: placeHolder, value: value.from, onChange: this.handleFromChange, error: hasError, disabled: disabled, "qa-testing": `${qaTestingLocator}-from`, dateFormat: inputFormat, minDate: minDate, maxDate: this.maxFromDate, small: small, maskChar: maskChar }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "arrow_forward", className: Styles.endLabel }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ fill: true }, { children: (0, jsx_runtime_1.jsx)(design_system_1.InputDateMask, { shortLabel: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "today", className: (0, classnames_1.default)(Styles.icon, `${qaTestingLocator}-icon-to`), onClick: this.handleClickIcon }, void 0), placeholder: placeHolder, value: value.to, onChange: this.handleToChange, error: hasError, disabled: disabled, "qa-testing": `${qaTestingLocator}-to`, dateFormat: inputFormat, minDate: this.minToDate, maxDate: maxDate, small: small, maskChar: maskChar }, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("input", { hidden: true, "qa-testing": qaTestingLocator, onChange: this.handleHiddenInputChange }, void 0)] }), void 0));
|
|
206
219
|
}
|
|
207
220
|
formatDate(date, inputFormat = 'L') {
|
|
208
221
|
return date ? (0, moment_1.default)(date).format(inputFormat) : '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AACjE,6EAO0C;AAC1C,+DAAyE;AACzE,+BAA0D;AAC1D,2CAAsC;AACtC,4DAAoC;AACpC,oDAA4B;AAC5B,uEAAyD;AA2BzD,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,iBAA+B;
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,22 @@
|
|
|
4
4
|
min-width: 14em;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
/*
|
|
8
|
+
* in case when date-range-picker is inside kendo table, calendar gets excessive paggings
|
|
9
|
+
* `padding: calc(8px - (calc(1.4285714286em + 10px + 0px) - 1.4285714286em)/ 2) 12px;`
|
|
10
|
+
*/
|
|
11
|
+
.date-range-picker :global(td) {
|
|
12
|
+
padding: var(--spacing-0) !important;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
* Anvil sets `pointer-events: none;` for icons that prohibits click event
|
|
17
|
+
*/
|
|
18
|
+
.date-range-picker .icon {
|
|
19
|
+
pointer-events: auto !important;
|
|
20
|
+
cursor: pointer !important;
|
|
21
|
+
}
|
|
22
|
+
|
|
7
23
|
.date-range-picker .date-range-picker-kendo {
|
|
8
24
|
width: 0;
|
|
9
25
|
white-space: nowrap;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/form",
|
|
3
|
-
"version": "17.5.
|
|
3
|
+
"version": "17.5.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://docs.st.dev/docs/frontend/form",
|
|
6
6
|
"repository": {
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
"src"
|
|
16
16
|
],
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@servicetitan/confirm": "^17.5.
|
|
19
|
-
"@servicetitan/culture": "^17.5.
|
|
20
|
-
"@servicetitan/data-query": "^17.5.
|
|
18
|
+
"@servicetitan/confirm": "^17.5.6",
|
|
19
|
+
"@servicetitan/culture": "^17.5.6",
|
|
20
|
+
"@servicetitan/data-query": "^17.5.6",
|
|
21
21
|
"@servicetitan/design-system": "~10.5.0",
|
|
22
|
-
"@servicetitan/react-ioc": "^17.5.
|
|
22
|
+
"@servicetitan/react-ioc": "^17.5.6",
|
|
23
23
|
"@servicetitan/tokens": "~10.5.0",
|
|
24
24
|
"@types/debounce": "~1.2.1",
|
|
25
25
|
"@types/react": "~17.0.33",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"cli": {
|
|
66
66
|
"webpack": false
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "f7148860fe82da7c8c079ddaba2032ea60255685"
|
|
69
69
|
}
|
|
@@ -4,6 +4,22 @@
|
|
|
4
4
|
min-width: 14em;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
/*
|
|
8
|
+
* in case when date-range-picker is inside kendo table, calendar gets excessive paggings
|
|
9
|
+
* `padding: calc(8px - (calc(1.4285714286em + 10px + 0px) - 1.4285714286em)/ 2) 12px;`
|
|
10
|
+
*/
|
|
11
|
+
.date-range-picker :global(td) {
|
|
12
|
+
padding: var(--spacing-0) !important;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
* Anvil sets `pointer-events: none;` for icons that prohibits click event
|
|
17
|
+
*/
|
|
18
|
+
.date-range-picker .icon {
|
|
19
|
+
pointer-events: auto !important;
|
|
20
|
+
cursor: pointer !important;
|
|
21
|
+
}
|
|
22
|
+
|
|
7
23
|
.date-range-picker .date-range-picker-kendo {
|
|
8
24
|
width: 0;
|
|
9
25
|
white-space: nowrap;
|
|
@@ -45,6 +45,7 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
45
45
|
isFocused = false;
|
|
46
46
|
@observable showDatePicker = false;
|
|
47
47
|
isIconClicked = false;
|
|
48
|
+
isDateRangePickerClicked = false;
|
|
48
49
|
|
|
49
50
|
constructor(props: DateRangePickerProps) {
|
|
50
51
|
super(props);
|
|
@@ -61,14 +62,14 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
61
62
|
this.showDatePicker = show !== undefined ? show : !this.showDatePicker;
|
|
62
63
|
}
|
|
63
64
|
|
|
64
|
-
|
|
65
|
+
handleClickGlobal = (evt: Event) => {
|
|
65
66
|
if (!(evt.target instanceof Node)) {
|
|
66
67
|
return;
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
const isPrevFocused = this.isFocused;
|
|
70
71
|
|
|
71
|
-
this.isFocused = this.
|
|
72
|
+
this.isFocused = this.isDateRangePickerClicked;
|
|
72
73
|
|
|
73
74
|
if (!this.isFocused && isPrevFocused) {
|
|
74
75
|
// click outside
|
|
@@ -81,6 +82,11 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
81
82
|
}
|
|
82
83
|
|
|
83
84
|
this.isIconClicked = false;
|
|
85
|
+
this.isDateRangePickerClicked = false;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
handleClickDateRangePicker = () => {
|
|
89
|
+
this.isDateRangePickerClicked = true;
|
|
84
90
|
};
|
|
85
91
|
|
|
86
92
|
handleClickIcon = () => {
|
|
@@ -96,13 +102,11 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
96
102
|
};
|
|
97
103
|
|
|
98
104
|
componentDidMount() {
|
|
99
|
-
window.addEventListener('
|
|
100
|
-
window.addEventListener('click', this.handleFocus);
|
|
105
|
+
window.addEventListener('click', this.handleClickGlobal);
|
|
101
106
|
}
|
|
102
107
|
|
|
103
108
|
componentWillUnmount() {
|
|
104
|
-
window.removeEventListener('
|
|
105
|
-
window.removeEventListener('click', this.handleFocus);
|
|
109
|
+
window.removeEventListener('click', this.handleClickGlobal);
|
|
106
110
|
}
|
|
107
111
|
|
|
108
112
|
handleChange = (event: DateRangePickerChangeEvent) => {
|
|
@@ -165,7 +169,11 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
165
169
|
});
|
|
166
170
|
|
|
167
171
|
return (
|
|
168
|
-
<div
|
|
172
|
+
<div
|
|
173
|
+
className={classnames(Styles.dateRangePicker, className)}
|
|
174
|
+
ref={this.handleRef}
|
|
175
|
+
onClick={this.handleClickDateRangePicker}
|
|
176
|
+
>
|
|
169
177
|
<DateRangePickerKendo
|
|
170
178
|
className={Styles.dateRangePickerKendo}
|
|
171
179
|
calendarSettings={{
|
|
@@ -202,7 +210,7 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
202
210
|
<Icon
|
|
203
211
|
name="today"
|
|
204
212
|
className={classnames(
|
|
205
|
-
|
|
213
|
+
Styles.icon,
|
|
206
214
|
`${qaTestingLocator}-icon-from`
|
|
207
215
|
)}
|
|
208
216
|
onClick={this.handleClickIcon}
|
|
@@ -228,7 +236,7 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
|
|
|
228
236
|
<Icon
|
|
229
237
|
name="today"
|
|
230
238
|
className={classnames(
|
|
231
|
-
|
|
239
|
+
Styles.icon,
|
|
232
240
|
`${qaTestingLocator}-icon-to`
|
|
233
241
|
)}
|
|
234
242
|
onClick={this.handleClickIcon}
|