@pnkx-lib/ui 1.1.4 → 1.1.6

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.
@@ -1,11 +1,12 @@
1
- import { C as i, D as s, I as d, P as l, R as o, a as r, S as F, T as c } from "../chunks/Switch-31j7yk5m.js";
1
+ import { D as i, I as s, R as o, a as r } from "../chunks/Switch-D8Nh_AP-.js";
2
+ import { C as l, P as t, R as F, S as c } from "../chunks/Checkbox-DMRMEXmZ.js";
2
3
  export {
3
- i as CheckboxField,
4
- s as DatePickerField,
5
- d as Input,
6
- l as PnkxField,
7
- o as RadioGroup,
8
- r as RangePickerField,
9
- F as SelectField,
10
- c as TinyMCE
4
+ l as CheckboxField,
5
+ i as DatePickerField,
6
+ s as Input,
7
+ t as PnkxField,
8
+ F as RadioGroup,
9
+ o as RangePickerField,
10
+ c as SelectField,
11
+ r as TinyMCE
11
12
  };
package/dist/index.js CHANGED
@@ -1,39 +1,40 @@
1
- import { g as e, B as o, C as r, f as t, D as l, F as i, L as n, j as p, M as d, k as F, e as P, d as c, P as k, c as x, R as C, S, h as T, i as b, l as g, T as u, b as M, a as m, t as y } from "./chunks/Steps-C3J7ziJu.js";
2
- import { E as f, L as h, T as B } from "./chunks/createSuper-LJ86MtbT.js";
3
- import { C as L, D as E, I as w, P as I, R as j, a as v, S as G, T as q } from "./chunks/Switch-31j7yk5m.js";
1
+ import { e, g as o, B as r, C as t, f as i, d as l, D as p, F as d, L as n, j as F, M as c, k as S, P as C, R as b, c as P, m as T, S as g, h as k, i as m, l as u, T as x, b as M, a as R, t as y } from "./chunks/Sidebar-Cd6KxHT6.js";
2
+ import { D as h, E as B, I as D, L, R as E, a as w, T as I } from "./chunks/Switch-D8Nh_AP-.js";
3
+ import { C as v, P as G, R as q, S as z } from "./chunks/Checkbox-DMRMEXmZ.js";
4
4
  export {
5
- e as Breadcrumb,
6
- o as Button,
7
- r as CascaderField,
8
- L as CheckboxField,
9
- t as Col,
10
- E as DatePickerField,
11
- l as Dropdown,
12
- f as ErrorMessage,
13
- i as Flex,
14
- w as Input,
15
- h as Label,
5
+ e as Badge,
6
+ o as Breadcrumb,
7
+ r as Button,
8
+ t as CascaderField,
9
+ v as CheckboxField,
10
+ i as Col,
11
+ l as Container,
12
+ h as DatePickerField,
13
+ p as Dropdown,
14
+ B as ErrorMessage,
15
+ d as Flex,
16
+ D as Input,
17
+ L as Label,
16
18
  n as Layout,
17
- p as Menu,
18
- d as Modal,
19
- F as Pagination,
20
- P as PnkxBadge,
21
- c as PnkxContainer,
22
- I as PnkxField,
23
- k as PnkxSkeleton,
24
- x as Popover,
25
- j as RadioGroup,
26
- v as RangePickerField,
27
- C as Row,
28
- S as SearchFiltersForm,
29
- G as SelectField,
30
- T as Space,
31
- b as Splitter,
32
- g as Steps,
33
- u as Table,
19
+ F as Menu,
20
+ c as Modal,
21
+ S as Pagination,
22
+ G as PnkxField,
23
+ C as Popover,
24
+ q as RadioGroup,
25
+ E as RangePickerField,
26
+ b as Row,
27
+ P as SearchFiltersForm,
28
+ z as SelectField,
29
+ T as Sidebar,
30
+ g as Skeleton,
31
+ k as Space,
32
+ m as Splitter,
33
+ u as Steps,
34
+ x as Table,
34
35
  M as Tabs,
35
- q as TinyMCE,
36
- m as Tooltip,
37
- B as Typography,
36
+ w as TinyMCE,
37
+ R as Tooltip,
38
+ I as Typography,
38
39
  y as typeColorMap
39
40
  };
@@ -1,4 +1,4 @@
1
- import { BadgeProps } from 'antd';
1
+ import { BadgeProps as BadgeProps_2 } from 'antd';
2
2
  import { BasicProps } from 'antd/es/layout/layout';
3
3
  import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
4
4
  import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
@@ -9,7 +9,6 @@ import { CascaderProps } from 'antd/es/cascader';
9
9
  import { CheckboxProps } from 'antd';
10
10
  import { ColProps as ColProps_2 } from 'antd';
11
11
  import { ColSize as ColSize_2 } from 'antd/es/grid';
12
- import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
13
12
  import { Control } from 'react-hook-form';
14
13
  import { ControllerFieldState } from 'react-hook-form';
15
14
  import { ControllerRenderProps } from 'react-hook-form';
@@ -48,7 +47,7 @@ import { RowProps as RowProps_2 } from 'antd';
48
47
  import { SelectProps } from 'antd';
49
48
  import { SiderContextProps } from 'antd/es/layout/Sider';
50
49
  import { SiderProps } from 'antd/es/layout/Sider';
51
- import { SkeletonProps } from 'antd';
50
+ import { SkeletonProps as SkeletonProps_2 } from 'antd';
52
51
  import { Space as Space_2 } from 'antd';
53
52
  import { SpaceProps as SpaceProps_2 } from 'antd';
54
53
  import { Splitter as Splitter_2 } from 'antd';
@@ -58,6 +57,7 @@ import { Steps as Steps_2 } from 'antd';
58
57
  import { StepsProps as StepsProps_2 } from 'antd';
59
58
  import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
60
59
  import { SwitchProps } from 'antd';
60
+ import { TableColumnsType } from 'antd';
61
61
  import { TableProps } from 'antd/lib/table';
62
62
  import { TabsProps as TabsProps_2 } from 'antd';
63
63
  import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
@@ -71,6 +71,13 @@ import { UseFormReturn } from 'react-hook-form';
71
71
  import { UseFormSetValue } from 'react-hook-form';
72
72
  import { UseFormStateReturn } from 'react-hook-form';
73
73
 
74
+ export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
75
+
76
+ export declare interface BadgeProps extends BadgeProps_2 {
77
+ type?: "error" | "info" | "success" | "warning";
78
+ children?: React.ReactNode;
79
+ }
80
+
74
81
  declare type BaseProps = {
75
82
  customStyleContainer?: string;
76
83
  customStyleCascader?: string;
@@ -172,7 +179,7 @@ export declare interface ColSize extends ColSize_2 {
172
179
 
173
180
  export declare type ColSpanType = number | string;
174
181
 
175
- export declare type ColumnsType<T> = ColumnsType_2<T>;
182
+ declare type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
176
183
 
177
184
  declare type ComponentPropsType<TComponent> = TComponent extends React_2.ComponentType<infer P> ? P : never;
178
185
 
@@ -183,6 +190,8 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
183
190
  ItemGroup: typeof ItemGroup;
184
191
  };
185
192
 
193
+ export declare const Container: default_2.FC<ContainerProps>;
194
+
186
195
  export declare interface ContainerProps {
187
196
  children: default_2.ReactNode;
188
197
  size?: TailwindMaxWidth;
@@ -317,15 +326,6 @@ export declare interface PaginationProps extends PaginationProps_2 {
317
326
 
318
327
  export declare type PaginationPropsUnion = BaseProps_11 & PaginationProps;
319
328
 
320
- export declare const PnkxBadge: ({ type, children, ...rest }: PnkxBadgeProps) => JSX.Element;
321
-
322
- export declare interface PnkxBadgeProps extends BadgeProps {
323
- type?: "error" | "info" | "success" | "warning";
324
- children?: React.ReactNode;
325
- }
326
-
327
- export declare const PnkxContainer: default_2.FC<ContainerProps>;
328
-
329
329
  export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
330
330
  render(): JSX.Element;
331
331
  }
@@ -336,13 +336,6 @@ export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>
336
336
  component: TComponent;
337
337
  } & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
338
338
 
339
- export declare const PnkxSkeleton: ({ type, skeletonButtonCount, }: PnkxSkeletonProps) => JSX.Element;
340
-
341
- export declare interface PnkxSkeletonProps extends SkeletonProps {
342
- type?: "table" | "form";
343
- skeletonButtonCount?: number;
344
- }
345
-
346
339
  export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
347
340
 
348
341
  export declare type PopoverProps = PopoverProps_2;
@@ -426,10 +419,33 @@ export declare interface SelectFieldProps extends SelectProps {
426
419
  customStyleContainer?: string;
427
420
  }
428
421
 
422
+ export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
423
+
424
+ export declare interface SidebarProps {
425
+ children?: React.ReactNode;
426
+ menu: Array<{
427
+ name: string;
428
+ href: string;
429
+ icon: React.ReactNode;
430
+ current: boolean;
431
+ children?: Array<{
432
+ name: string;
433
+ href: string;
434
+ }>;
435
+ }>;
436
+ }
437
+
429
438
  declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
430
439
  multiple?: false;
431
440
  };
432
441
 
442
+ export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
443
+
444
+ export declare interface SkeletonProps extends SkeletonProps_2 {
445
+ type?: "table" | "form";
446
+ skeletonButtonCount?: number;
447
+ }
448
+
433
449
  export declare const Space: typeof Space_2;
434
450
 
435
451
  export declare interface SpaceProps extends SpaceProps_2 {
@@ -477,11 +493,15 @@ declare type TabItem = {
477
493
  disabled?: boolean;
478
494
  };
479
495
 
480
- export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, ...rest }: TableCommonProps<T>) => JSX.Element;
496
+ export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, ...rest }: TableCommonProps<T>) => JSX.Element;
497
+
498
+ export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
499
+ editable?: boolean;
500
+ })[];
481
501
 
482
- export declare interface TableCommonProps<T> extends TableProps<T> {
483
- data: T[];
484
- columns: ColumnsType<T>;
502
+ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
503
+ dataSource: T[];
504
+ columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
485
505
  loading?: boolean;
486
506
  totalItems: number;
487
507
  filters: any;
@@ -493,6 +513,8 @@ export declare interface TableCommonProps<T> extends TableProps<T> {
493
513
  onRowClick?: (record: T) => void;
494
514
  rowKey?: string;
495
515
  className?: string;
516
+ editable?: boolean;
517
+ onSave?: (data: T[]) => void;
496
518
  }
497
519
 
498
520
  export declare const Tabs: default_2.FC<TabsProps>;
@@ -544,7 +566,7 @@ declare type TPositionRadio = "before" | "after";
544
566
 
545
567
  declare type TSize = "small" | "medium" | "large";
546
568
 
547
- export declare const typeColorMap: Record<NonNullable<PnkxBadgeProps["type"]>, string>;
569
+ export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
548
570
 
549
571
  export declare const Typography: {
550
572
  Title: (props: TitleProps) => JSX.Element;
@@ -1,4 +1,4 @@
1
- import { BadgeProps } from 'antd';
1
+ import { BadgeProps as BadgeProps_2 } from 'antd';
2
2
  import { BasicProps } from 'antd/es/layout/layout';
3
3
  import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
4
4
  import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
@@ -8,7 +8,6 @@ import { ButtonProps as ButtonProps_2 } from 'antd';
8
8
  import { CascaderProps } from 'antd/es/cascader';
9
9
  import { ColProps as ColProps_2 } from 'antd';
10
10
  import { ColSize as ColSize_2 } from 'antd/es/grid';
11
- import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
12
11
  import { Control } from 'react-hook-form';
13
12
  import { default as default_2 } from 'react';
14
13
  import { DefaultOptionType } from 'antd/es/cascader';
@@ -36,7 +35,7 @@ import { RefAttributes } from 'react';
36
35
  import { RowProps as RowProps_2 } from 'antd';
37
36
  import { SiderContextProps } from 'antd/es/layout/Sider';
38
37
  import { SiderProps } from 'antd/es/layout/Sider';
39
- import { SkeletonProps } from 'antd';
38
+ import { SkeletonProps as SkeletonProps_2 } from 'antd';
40
39
  import { Space as Space_2 } from 'antd';
41
40
  import { SpaceProps as SpaceProps_2 } from 'antd';
42
41
  import { Splitter as Splitter_2 } from 'antd';
@@ -45,6 +44,7 @@ import { StepProps as StepProps_2 } from 'antd';
45
44
  import { Steps as Steps_2 } from 'antd';
46
45
  import { StepsProps as StepsProps_2 } from 'antd';
47
46
  import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
47
+ import { TableColumnsType } from 'antd';
48
48
  import { TableProps } from 'antd/lib/table';
49
49
  import { TabsProps as TabsProps_2 } from 'antd';
50
50
  import { TextProps } from 'antd/es/typography/Text';
@@ -54,6 +54,13 @@ import { UseFormHandleSubmit } from 'react-hook-form';
54
54
  import { UseFormReturn } from 'react-hook-form';
55
55
  import { UseFormSetValue } from 'react-hook-form';
56
56
 
57
+ export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
58
+
59
+ export declare interface BadgeProps extends BadgeProps_2 {
60
+ type?: "error" | "info" | "success" | "warning";
61
+ children?: React.ReactNode;
62
+ }
63
+
57
64
  declare type BaseProps = {
58
65
  customStyleContainer?: string;
59
66
  customStyleCascader?: string;
@@ -143,7 +150,7 @@ export declare interface ColSize extends ColSize_2 {
143
150
 
144
151
  export declare type ColSpanType = number | string;
145
152
 
146
- export declare type ColumnsType<T> = ColumnsType_2<T>;
153
+ declare type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
147
154
 
148
155
  declare type CompoundedMenu = FC<MenuComponentProps> & {
149
156
  Item: typeof MenuItem;
@@ -152,6 +159,8 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
152
159
  ItemGroup: typeof ItemGroup;
153
160
  };
154
161
 
162
+ export declare const Container: default_2.FC<ContainerProps>;
163
+
155
164
  export declare interface ContainerProps {
156
165
  children: default_2.ReactNode;
157
166
  size?: TailwindMaxWidth;
@@ -248,22 +257,6 @@ export declare interface PaginationProps extends PaginationProps_2 {
248
257
 
249
258
  export declare type PaginationPropsUnion = BaseProps_11 & PaginationProps;
250
259
 
251
- export declare const PnkxBadge: ({ type, children, ...rest }: PnkxBadgeProps) => JSX.Element;
252
-
253
- export declare interface PnkxBadgeProps extends BadgeProps {
254
- type?: "error" | "info" | "success" | "warning";
255
- children?: React.ReactNode;
256
- }
257
-
258
- export declare const PnkxContainer: default_2.FC<ContainerProps>;
259
-
260
- export declare const PnkxSkeleton: ({ type, skeletonButtonCount, }: PnkxSkeletonProps) => JSX.Element;
261
-
262
- export declare interface PnkxSkeletonProps extends SkeletonProps {
263
- type?: "table" | "form";
264
- skeletonButtonCount?: number;
265
- }
266
-
267
260
  export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
268
261
 
269
262
  export declare type PopoverProps = PopoverProps_2;
@@ -298,10 +291,33 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
298
291
  onSubmit: (data: T) => void;
299
292
  }
300
293
 
294
+ export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
295
+
296
+ export declare interface SidebarProps {
297
+ children?: React.ReactNode;
298
+ menu: Array<{
299
+ name: string;
300
+ href: string;
301
+ icon: React.ReactNode;
302
+ current: boolean;
303
+ children?: Array<{
304
+ name: string;
305
+ href: string;
306
+ }>;
307
+ }>;
308
+ }
309
+
301
310
  declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
302
311
  multiple?: false;
303
312
  };
304
313
 
314
+ export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
315
+
316
+ export declare interface SkeletonProps extends SkeletonProps_2 {
317
+ type?: "table" | "form";
318
+ skeletonButtonCount?: number;
319
+ }
320
+
305
321
  export declare const Space: typeof Space_2;
306
322
 
307
323
  export declare interface SpaceProps extends SpaceProps_2 {
@@ -339,11 +355,15 @@ declare type TabItem = {
339
355
  disabled?: boolean;
340
356
  };
341
357
 
342
- export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, ...rest }: TableCommonProps<T>) => JSX.Element;
358
+ export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, ...rest }: TableCommonProps<T>) => JSX.Element;
359
+
360
+ export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
361
+ editable?: boolean;
362
+ })[];
343
363
 
344
- export declare interface TableCommonProps<T> extends TableProps<T> {
345
- data: T[];
346
- columns: ColumnsType<T>;
364
+ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
365
+ dataSource: T[];
366
+ columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
347
367
  loading?: boolean;
348
368
  totalItems: number;
349
369
  filters: any;
@@ -355,6 +375,8 @@ export declare interface TableCommonProps<T> extends TableProps<T> {
355
375
  onRowClick?: (record: T) => void;
356
376
  rowKey?: string;
357
377
  className?: string;
378
+ editable?: boolean;
379
+ onSave?: (data: T[]) => void;
358
380
  }
359
381
 
360
382
  export declare const Tabs: default_2.FC<TabsProps>;
@@ -370,7 +392,7 @@ export declare const Tooltip: default_2.FC<TooltipProps>;
370
392
 
371
393
  export declare type TooltipProps = TooltipProps_2;
372
394
 
373
- export declare const typeColorMap: Record<NonNullable<PnkxBadgeProps["type"]>, string>;
395
+ export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
374
396
 
375
397
  export declare const Typography: {
376
398
  Title: (props: TitleProps) => JSX.Element;
package/dist/ui/index.js CHANGED
@@ -1,30 +1,31 @@
1
- import { g as e, B as o, C as r, f as t, D as l, F as p, L as n, j as i, M as d, k as x, e as P, d as S, P as T, c as b, R as c, S as g, h as k, i as C, l as F, T as M, b as m, a as u, t as y } from "../chunks/Steps-C3J7ziJu.js";
2
- import { E as L, L as f, T as h } from "../chunks/createSuper-LJ86MtbT.js";
1
+ import { e, g as o, B as r, C as t, f as l, d as p, D as i, F as d, L as n, j as S, M as b, k as T, P as c, R as g, c as m, m as C, S as F, h as M, i as u, l as y, T as B, b as L, a as f, t as h } from "../chunks/Sidebar-Cd6KxHT6.js";
2
+ import { E as P, L as k, T as w } from "../chunks/Switch-D8Nh_AP-.js";
3
3
  export {
4
- e as Breadcrumb,
5
- o as Button,
6
- r as CascaderField,
7
- t as Col,
8
- l as Dropdown,
9
- L as ErrorMessage,
10
- p as Flex,
11
- f as Label,
4
+ e as Badge,
5
+ o as Breadcrumb,
6
+ r as Button,
7
+ t as CascaderField,
8
+ l as Col,
9
+ p as Container,
10
+ i as Dropdown,
11
+ P as ErrorMessage,
12
+ d as Flex,
13
+ k as Label,
12
14
  n as Layout,
13
- i as Menu,
14
- d as Modal,
15
- x as Pagination,
16
- P as PnkxBadge,
17
- S as PnkxContainer,
18
- T as PnkxSkeleton,
19
- b as Popover,
20
- c as Row,
21
- g as SearchFiltersForm,
22
- k as Space,
23
- C as Splitter,
24
- F as Steps,
25
- M as Table,
26
- m as Tabs,
27
- u as Tooltip,
28
- h as Typography,
29
- y as typeColorMap
15
+ S as Menu,
16
+ b as Modal,
17
+ T as Pagination,
18
+ c as Popover,
19
+ g as Row,
20
+ m as SearchFiltersForm,
21
+ C as Sidebar,
22
+ F as Skeleton,
23
+ M as Space,
24
+ u as Splitter,
25
+ y as Steps,
26
+ B as Table,
27
+ L as Tabs,
28
+ f as Tooltip,
29
+ w as Typography,
30
+ h as typeColorMap
30
31
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pnkx-lib/ui",
3
3
  "private": false,
4
- "version": "1.1.4",
4
+ "version": "1.1.6",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "exports": {
@@ -50,7 +50,6 @@
50
50
  "@types/react": "^19.0.10",
51
51
  "@types/react-datepicker": "^6.2.0",
52
52
  "@types/react-dom": "^19.0.4",
53
- "@vitejs/plugin-react": "^4.3.4",
54
53
  "@vitest/browser": "^3.0.9",
55
54
  "@vitest/coverage-v8": "^3.0.9",
56
55
  "eslint": "^9.21.0",
@@ -84,6 +83,7 @@
84
83
  "@heroicons/react": "^2.2.0",
85
84
  "@hookform/resolvers": "^5.0.1",
86
85
  "@tinymce/tinymce-react": "^6.0.0",
86
+ "@vitejs/plugin-react-swc": "^3.9.0",
87
87
  "classnames": "^2.5.1",
88
88
  "date-fns": "^4.1.0",
89
89
  "lodash": "^4.17.21",
@@ -1 +0,0 @@
1
- @charset "UTF-8";#root{margin:0 auto;padding:2rem;text-align:center}.textarea-custom{font-family:inherit;font-size:13px;font-variant:tabular-nums;font-feature-settings:"tnum";line-height:30px!important;box-sizing:border-box;width:100%;min-width:0;display:inline-block;position:relative;z-index:0;color:#242323;border:none!important;border-radius:2px;overflow:hidden;margin:0;padding:0 0 2px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><circle cx='3' cy='3' r='0.4' fill='black' /></svg>");background-position-x:20px;background-position-y:7px;background-size:5px 30px}.input-datepicker{width:100%;border-radius:.5rem;border:1px solid #d1d5db;background-color:#f9fafb;color:#111827;padding:.5rem .75rem;padding-right:0;outline:none;transition:border-color .2s,box-shadow .2s}.input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-datepicker:disabled{cursor:not-allowed;opacity:.5}.dark .input-datepicker{border-color:#4b5563;background-color:#374151;color:#fff}.dark .input-datepicker::placeholder{color:#9ca3af}.dark .input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}