@activecollab/components 2.0.212 → 2.0.213

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/cjs/components/DatePicker/DatePicker.js +678 -301
  2. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  3. package/dist/cjs/components/DatePicker/Styles.js +91 -37
  4. package/dist/cjs/components/DatePicker/Styles.js.map +1 -1
  5. package/dist/cjs/components/DatePicker/index.js +0 -11
  6. package/dist/cjs/components/DatePicker/index.js.map +1 -1
  7. package/dist/cjs/components/SelectDate/SelectDate.js +126 -280
  8. package/dist/cjs/components/SelectDate/SelectDate.js.map +1 -1
  9. package/dist/cjs/components/SelectDate/index.js +0 -11
  10. package/dist/cjs/components/SelectDate/index.js.map +1 -1
  11. package/dist/cjs/components/Steppers/DateStepper/DateStepper.js +94 -100
  12. package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map +1 -1
  13. package/dist/cjs/components/Steppers/DateStepper/index.js +0 -11
  14. package/dist/cjs/components/Steppers/DateStepper/index.js.map +1 -1
  15. package/dist/cjs/components/index.js +0 -11
  16. package/dist/cjs/components/index.js.map +1 -1
  17. package/dist/esm/components/DatePicker/DatePicker.d.ts +64 -26
  18. package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
  19. package/dist/esm/components/DatePicker/DatePicker.js +619 -278
  20. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  21. package/dist/esm/components/DatePicker/Styles.d.ts +21 -9
  22. package/dist/esm/components/DatePicker/Styles.d.ts.map +1 -1
  23. package/dist/esm/components/DatePicker/Styles.js +89 -30
  24. package/dist/esm/components/DatePicker/Styles.js.map +1 -1
  25. package/dist/esm/components/DatePicker/index.d.ts +0 -1
  26. package/dist/esm/components/DatePicker/index.d.ts.map +1 -1
  27. package/dist/esm/components/DatePicker/index.js +0 -1
  28. package/dist/esm/components/DatePicker/index.js.map +1 -1
  29. package/dist/esm/components/SelectDate/SelectDate.d.ts +20 -19
  30. package/dist/esm/components/SelectDate/SelectDate.d.ts.map +1 -1
  31. package/dist/esm/components/SelectDate/SelectDate.js +124 -246
  32. package/dist/esm/components/SelectDate/SelectDate.js.map +1 -1
  33. package/dist/esm/components/SelectDate/index.d.ts +0 -1
  34. package/dist/esm/components/SelectDate/index.d.ts.map +1 -1
  35. package/dist/esm/components/SelectDate/index.js +0 -1
  36. package/dist/esm/components/SelectDate/index.js.map +1 -1
  37. package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts +10 -7
  38. package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map +1 -1
  39. package/dist/esm/components/Steppers/DateStepper/DateStepper.js +88 -97
  40. package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +1 -1
  41. package/dist/esm/components/Steppers/DateStepper/index.d.ts +0 -1
  42. package/dist/esm/components/Steppers/DateStepper/index.d.ts.map +1 -1
  43. package/dist/esm/components/Steppers/DateStepper/index.js +0 -1
  44. package/dist/esm/components/Steppers/DateStepper/index.js.map +1 -1
  45. package/dist/esm/components/index.d.ts +0 -1
  46. package/dist/esm/components/index.d.ts.map +1 -1
  47. package/dist/esm/components/index.js +0 -1
  48. package/dist/esm/components/index.js.map +1 -1
  49. package/dist/index.js +214 -1563
  50. package/dist/index.js.map +1 -1
  51. package/dist/index.min.js +1 -1
  52. package/dist/index.min.js.map +1 -1
  53. package/package.json +1 -3
  54. package/dist/cjs/components/DatePicker/CustomNavBarElement.js +0 -41
  55. package/dist/cjs/components/DatePicker/CustomNavBarElement.js.map +0 -1
  56. package/dist/cjs/components/DatePicker/DatePickerV2.js +0 -734
  57. package/dist/cjs/components/DatePicker/DatePickerV2.js.map +0 -1
  58. package/dist/cjs/components/DatePicker/StylesV2.js +0 -100
  59. package/dist/cjs/components/DatePicker/StylesV2.js.map +0 -1
  60. package/dist/cjs/components/Pickers/NavBarElement.js +0 -52
  61. package/dist/cjs/components/Pickers/NavBarElement.js.map +0 -1
  62. package/dist/cjs/components/Pickers/Styles.js +0 -76
  63. package/dist/cjs/components/Pickers/Styles.js.map +0 -1
  64. package/dist/cjs/components/Pickers/YearMonthPicker.js +0 -80
  65. package/dist/cjs/components/Pickers/YearMonthPicker.js.map +0 -1
  66. package/dist/cjs/components/Pickers/index.js +0 -28
  67. package/dist/cjs/components/Pickers/index.js.map +0 -1
  68. package/dist/cjs/components/SelectDate/DatePickerForm.js +0 -94
  69. package/dist/cjs/components/SelectDate/DatePickerForm.js.map +0 -1
  70. package/dist/cjs/components/SelectDate/SelectDateV2.js +0 -263
  71. package/dist/cjs/components/SelectDate/SelectDateV2.js.map +0 -1
  72. package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js +0 -276
  73. package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
  74. package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts +0 -12
  75. package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts.map +0 -1
  76. package/dist/esm/components/DatePicker/CustomNavBarElement.js +0 -34
  77. package/dist/esm/components/DatePicker/CustomNavBarElement.js.map +0 -1
  78. package/dist/esm/components/DatePicker/DatePickerV2.d.ts +0 -68
  79. package/dist/esm/components/DatePicker/DatePickerV2.d.ts.map +0 -1
  80. package/dist/esm/components/DatePicker/DatePickerV2.js +0 -649
  81. package/dist/esm/components/DatePicker/DatePickerV2.js.map +0 -1
  82. package/dist/esm/components/DatePicker/StylesV2.d.ts +0 -22
  83. package/dist/esm/components/DatePicker/StylesV2.d.ts.map +0 -1
  84. package/dist/esm/components/DatePicker/StylesV2.js +0 -93
  85. package/dist/esm/components/DatePicker/StylesV2.js.map +0 -1
  86. package/dist/esm/components/Pickers/NavBarElement.d.ts +0 -9
  87. package/dist/esm/components/Pickers/NavBarElement.d.ts.map +0 -1
  88. package/dist/esm/components/Pickers/NavBarElement.js +0 -45
  89. package/dist/esm/components/Pickers/NavBarElement.js.map +0 -1
  90. package/dist/esm/components/Pickers/Styles.d.ts +0 -18
  91. package/dist/esm/components/Pickers/Styles.d.ts.map +0 -1
  92. package/dist/esm/components/Pickers/Styles.js +0 -56
  93. package/dist/esm/components/Pickers/Styles.js.map +0 -1
  94. package/dist/esm/components/Pickers/YearMonthPicker.d.ts +0 -17
  95. package/dist/esm/components/Pickers/YearMonthPicker.d.ts.map +0 -1
  96. package/dist/esm/components/Pickers/YearMonthPicker.js +0 -59
  97. package/dist/esm/components/Pickers/YearMonthPicker.js.map +0 -1
  98. package/dist/esm/components/Pickers/index.d.ts +0 -3
  99. package/dist/esm/components/Pickers/index.d.ts.map +0 -1
  100. package/dist/esm/components/Pickers/index.js +0 -3
  101. package/dist/esm/components/Pickers/index.js.map +0 -1
  102. package/dist/esm/components/SelectDate/DatePickerForm.d.ts +0 -39
  103. package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map +0 -1
  104. package/dist/esm/components/SelectDate/DatePickerForm.js +0 -80
  105. package/dist/esm/components/SelectDate/DatePickerForm.js.map +0 -1
  106. package/dist/esm/components/SelectDate/SelectDateV2.d.ts +0 -102
  107. package/dist/esm/components/SelectDate/SelectDateV2.d.ts.map +0 -1
  108. package/dist/esm/components/SelectDate/SelectDateV2.js +0 -223
  109. package/dist/esm/components/SelectDate/SelectDateV2.js.map +0 -1
  110. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts +0 -45
  111. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts.map +0 -1
  112. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js +0 -241
  113. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
@@ -1,3 +0,0 @@
1
- export * from "./YearMonthPicker";
2
- export * from "./NavBarElement";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}
@@ -1,39 +0,0 @@
1
- import { FC, MouseEvent } from "react";
2
- import { DayModifiers, DayProps } from "react-day-picker";
3
- export interface IDatePickerForm {
4
- mode: "instant" | "atomic";
5
- saveButtonText?: string;
6
- cancelButtonText?: string;
7
- clearButtonText?: string;
8
- onSave?: () => void;
9
- onCancel?: (event: MouseEvent<HTMLElement>) => void;
10
- onClear?: () => void;
11
- onChange?: (dates?: {
12
- from: Date;
13
- to: Date;
14
- }) => void;
15
- /** Called when day is clicked */
16
- onDayClick?: (day: Date, modifiers: DayModifiers) => void;
17
- /** Set selected day or days */
18
- selectedDays?: {
19
- from?: Date | undefined;
20
- to?: Date | undefined;
21
- };
22
- /** Modifiers */
23
- modifiers?: DayModifiers;
24
- /** Render day callback */
25
- renderDay?: (props: DayProps) => JSX.Element | null;
26
- /** Set selection range */
27
- selectionMode?: string;
28
- /** Set is date required */
29
- dateRequired?: boolean;
30
- /** Set first day of week */
31
- firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
32
- /** on month change callback */
33
- onMonthChange?: (month: Date) => void;
34
- /** Selected month */
35
- month: Date;
36
- disabledSaveButton?: boolean;
37
- }
38
- export declare const DatePickerForm: FC<IDatePickerForm>;
39
- //# sourceMappingURL=DatePickerForm.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerForm.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAe1D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,YAAY,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAClE,gBAAgB;IAChB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACpD,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3C,+BAA+B;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,qBAAqB;IACrB,KAAK,EAAE,IAAI,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CA+F9C,CAAC"}
@@ -1,80 +0,0 @@
1
- import React, { useCallback } from "react";
2
- import { StyledButtonClose, StyledButtonCloseColored, StyledButtonSave, StyledSelectDateButtons, StyledSelectDateDatePicker, StyledSelectDateFooter } from "./Styles";
3
- import { DatePicker } from "../DatePicker/DatePicker";
4
- import { IconButton } from "../IconButton";
5
- import CancelCrossIcon from "../Icons/collection/CancelCross";
6
- import { Tooltip } from "../Tooltip/Tooltip";
7
- export const DatePickerForm = _ref => {
8
- let {
9
- mode,
10
- saveButtonText = "Save",
11
- cancelButtonText = "Cancel",
12
- clearButtonText = "Clear",
13
- onSave,
14
- onCancel,
15
- onClear,
16
- dateRequired = false,
17
- firstDayOfWeek = 0,
18
- selectedDays,
19
- selectionMode = "custom",
20
- onChange,
21
- onDayClick,
22
- onMonthChange,
23
- month,
24
- disabledSaveButton = false,
25
- modifiers,
26
- renderDay
27
- } = _ref;
28
- const handleOnKeyDown = useCallback(e => {
29
- if (e.key === "Enter" && typeof onSave === "function") {
30
- onSave();
31
- } else if ((e.key === "Esc" || e.key === "Escape") && typeof onCancel === "function") {
32
- onCancel(e);
33
- }
34
- }, [onSave, onCancel]);
35
- return /*#__PURE__*/React.createElement("div", {
36
- onKeyDown: handleOnKeyDown,
37
- tabIndex: -1,
38
- className: "date-picker-form"
39
- }, /*#__PURE__*/React.createElement(StyledSelectDateDatePicker, null, /*#__PURE__*/React.createElement(DatePicker, {
40
- month: month,
41
- onMonthChange: onMonthChange,
42
- onChange: onChange,
43
- onDayClick: onDayClick,
44
- selectedDays: selectedDays,
45
- selectionMode: selectionMode,
46
- dateRequired: dateRequired,
47
- firstDayOfWeek: firstDayOfWeek,
48
- modifiers: modifiers,
49
- renderDay: renderDay
50
- })), mode === "atomic" || !dateRequired ? /*#__PURE__*/React.createElement(StyledSelectDateFooter, {
51
- className: "date-picker-footer",
52
- $mode: mode
53
- }, mode === "atomic" ? /*#__PURE__*/React.createElement(StyledSelectDateButtons, {
54
- className: "date-picker-buttons"
55
- }, /*#__PURE__*/React.createElement(StyledButtonSave, {
56
- size: "small",
57
- variant: "primary",
58
- onClick: onSave,
59
- disabled: disabledSaveButton
60
- }, saveButtonText), /*#__PURE__*/React.createElement(Tooltip, {
61
- title: cancelButtonText,
62
- popperTooltipStyle: {
63
- zIndex: 1301
64
- }
65
- }, /*#__PURE__*/React.createElement(IconButton, {
66
- size: "small",
67
- variant: "text gray",
68
- onClick: onCancel
69
- }, /*#__PURE__*/React.createElement(CancelCrossIcon, null))), !dateRequired ? /*#__PURE__*/React.createElement(StyledButtonClose, {
70
- size: "small",
71
- onClick: onClear,
72
- variant: "text gray"
73
- }, clearButtonText) : null) : !dateRequired && /*#__PURE__*/React.createElement(StyledButtonCloseColored, {
74
- size: "small",
75
- onClick: onClear,
76
- variant: "text colored"
77
- }, clearButtonText)) : null);
78
- };
79
- DatePickerForm.displayName = "DatePickerForm";
80
- //# sourceMappingURL=DatePickerForm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerForm.js","names":["React","useCallback","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePicker","IconButton","CancelCrossIcon","Tooltip","DatePickerForm","_ref","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","createElement","onKeyDown","tabIndex","className","$mode","size","variant","onClick","disabled","title","popperTooltipStyle","zIndex","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"sourcesContent":["import React, { FC, MouseEvent, useCallback } from \"react\";\nimport { DayModifiers, DayProps } from \"react-day-picker\";\n\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\nimport { DatePicker } from \"../DatePicker/DatePicker\";\nimport { IconButton } from \"../IconButton\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface IDatePickerForm {\n mode: \"instant\" | \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Set selected day or days */\n selectedDays?: { from?: Date | undefined; to?: Date | undefined };\n /** Modifiers */\n modifiers?: DayModifiers;\n /** Render day callback */\n renderDay?: (props: DayProps) => JSX.Element | null;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n dateRequired?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n /** on month change callback */\n onMonthChange?: (month: Date) => void;\n /** Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" || e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker>\n <DatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n />\n </StyledSelectDateDatePicker>\n {mode === \"atomic\" || !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <IconButton size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </IconButton>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,QAAQ,OAAO;AAG1D,SACEC,iBAAiB,EACjBC,wBAAwB,EACxBC,gBAAgB,EAChBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,sBAAsB,QACjB,UAAU;AACjB,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,UAAU,QAAQ,eAAe;AAC1C,OAAOC,eAAe,MAAM,iCAAiC;AAC7D,SAASC,OAAO,QAAQ,oBAAoB;AAgC5C,OAAO,MAAMC,cAAmC,GAAGC,IAAA,IAmB7C;EAAA,IAnB8C;IAClDC,IAAI;IACJC,cAAc,GAAG,MAAM;IACvBC,gBAAgB,GAAG,QAAQ;IAC3BC,eAAe,GAAG,OAAO;IACzBC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,YAAY,GAAG,KAAK;IACpBC,cAAc,GAAG,CAAC;IAClBC,YAAY;IACZC,aAAa,GAAG,QAAQ;IACxBC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,KAAK;IACLC,kBAAkB,GAAG,KAAK;IAC1BC,SAAS;IACTC;EACF,CAAC,GAAAlB,IAAA;EACC,MAAMmB,eAAe,GAAG/B,WAAW,CAChCgC,CAAC,IAAK;IACL,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI,OAAOhB,MAAM,KAAK,UAAU,EAAE;MACrDA,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IACL,CAACe,CAAC,CAACC,GAAG,KAAK,KAAK,IAAID,CAAC,CAACC,GAAG,KAAK,QAAQ,KACtC,OAAOf,QAAQ,KAAK,UAAU,EAC9B;MACAA,QAAQ,CAACc,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAACf,MAAM,EAAEC,QAAQ,CACnB,CAAC;EAED,oBACEnB,KAAA,CAAAmC,aAAA;IAAKC,SAAS,EAAEJ,eAAgB;IAACK,QAAQ,EAAE,CAAC,CAAE;IAACC,SAAS,EAAC;EAAkB,gBACzEtC,KAAA,CAAAmC,aAAA,CAAC7B,0BAA0B,qBACzBN,KAAA,CAAAmC,aAAA,CAAC3B,UAAU;IACToB,KAAK,EAAEA,KAAM;IACbD,aAAa,EAAEA,aAAc;IAC7BF,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBH,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BH,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA,cAAe;IAC/BQ,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CACyB,CAAC,EAC5BjB,IAAI,KAAK,QAAQ,IAAI,CAACO,YAAY,gBACjCrB,KAAA,CAAAmC,aAAA,CAAC5B,sBAAsB;IAAC+B,SAAS,EAAC,oBAAoB;IAACC,KAAK,EAAEzB;EAAK,GAChEA,IAAI,KAAK,QAAQ,gBAChBd,KAAA,CAAAmC,aAAA,CAAC9B,uBAAuB;IAACiC,SAAS,EAAC;EAAqB,gBACtDtC,KAAA,CAAAmC,aAAA,CAAC/B,gBAAgB;IACfoC,IAAI,EAAC,OAAO;IACZC,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAExB,MAAO;IAChByB,QAAQ,EAAEd;EAAmB,GAE5Bd,cACe,CAAC,eACnBf,KAAA,CAAAmC,aAAA,CAACxB,OAAO;IACNiC,KAAK,EAAE5B,gBAAiB;IACxB6B,kBAAkB,EAAE;MAAEC,MAAM,EAAE;IAAK;EAAE,gBAErC9C,KAAA,CAAAmC,aAAA,CAAC1B,UAAU;IAAC+B,IAAI,EAAC,OAAO;IAACC,OAAO,EAAC,WAAW;IAACC,OAAO,EAAEvB;EAAS,gBAC7DnB,KAAA,CAAAmC,aAAA,CAACzB,eAAe,MAAE,CACR,CACL,CAAC,EACT,CAACW,YAAY,gBACZrB,KAAA,CAAAmC,aAAA,CAACjC,iBAAiB;IAChBsC,IAAI,EAAC,OAAO;IACZE,OAAO,EAAEtB,OAAQ;IACjBqB,OAAO,EAAC;EAAW,GAElBxB,eACgB,CAAC,GAClB,IACmB,CAAC,GAE1B,CAACI,YAAY,iBACXrB,KAAA,CAAAmC,aAAA,CAAChC,wBAAwB;IACvBqC,IAAI,EAAC,OAAO;IACZE,OAAO,EAAEtB,OAAQ;IACjBqB,OAAO,EAAC;EAAc,GAErBxB,eACuB,CAGR,CAAC,GACvB,IACD,CAAC;AAEV,CAAC;AAEDL,cAAc,CAACmC,WAAW,GAAG,gBAAgB"}
@@ -1,102 +0,0 @@
1
- import { ElementType, FC, CSSProperties } from "react";
2
- import { Placement } from "@popperjs/core";
3
- import { Moment } from "moment";
4
- import { DaysToModify } from "./types";
5
- import { ChangeMode, TimestampDateRange } from "../DatePicker/DatePickerV2";
6
- type TriggerStringType = "text" | "icon" | "inline";
7
- type TriggerFunctionType = (text: string) => JSX.Element;
8
- export interface ISelectDateV2 {
9
- /** Change mode - can be atomic and instant */
10
- changeMode?: "atomic" | "instant";
11
- /** Trigger - can be text, icon, inline, or custom render function */
12
- trigger?: TriggerStringType | TriggerFunctionType;
13
- /** Save button text */
14
- saveButtonText?: string;
15
- /** Cancel button text */
16
- cancelButtonText?: string;
17
- /** Clear button text */
18
- clearButtonText?: string;
19
- /** Modal header text */
20
- modalHeaderText?: string;
21
- /** Modal cancel button text */
22
- modalCancelBtnText?: string;
23
- /** Modal discard button text */
24
- modalDiscardBtnText?: string;
25
- /** Modal discard message text */
26
- modalDiscardMessage?: string;
27
- /** Tooltip text */
28
- tooltipText?: string;
29
- /** Called when day is clicked */
30
- onDayClick?: (day: Moment, modifiers: string[]) => void;
31
- /** Save changes callback */
32
- onSave?: (dates?: TimestampDateRange) => void;
33
- /** Changing dates callback */
34
- onChange?: (dates?: TimestampDateRange) => void;
35
- /** On cancel closes datepicker or opens discard modal in atomic mode */
36
- onCancel?: () => void;
37
- /** Clear dates when they are not required */
38
- onClear?: () => void;
39
- /** Use this callback to get is picker visible */
40
- onToggleDatePicker?: (value: boolean) => void;
41
- /** Set selected day or days */
42
- selectedDays?: TimestampDateRange;
43
- /** Set month */
44
- defaultMonth?: Moment;
45
- /** Set selection range */
46
- selectionMode?: ChangeMode;
47
- /** Set is date required */
48
- required?: boolean;
49
- /** Set default show on date picker (only for text and icon mode) */
50
- defaultShowDatePicker?: boolean;
51
- /** Long date format (Always show year) */
52
- longDateFormat?: boolean;
53
- /** Set first day of week */
54
- firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
55
- /** One of icon types */
56
- icon?: ElementType;
57
- /** Default Label text */
58
- defaultLabelText?: string;
59
- /** Date format */
60
- dateFormat?: string;
61
- /** Menu classes */
62
- menuClassName?: string;
63
- /** Target element classes */
64
- targetClassName?: string;
65
- /** Target element text classes */
66
- targetTextClassName?: string;
67
- /** Target element icon classes */
68
- targetIconClassName?: string;
69
- /** Background style for clickable element after the menu is open (opacity, color, etc...) */
70
- backgroundElementClass?: string;
71
- /** Days to modify */
72
- daysToModify?: DaysToModify[];
73
- /** Array of weekend days */
74
- weekends?: number[];
75
- /** Weekend label */
76
- weekendLabel?: string;
77
- /** Array of nonworking week days */
78
- nonWorkingDaysOfWeek?: number[];
79
- /** Nonworking week days label */
80
- nonWorkingDaysOfWeekLabel?: string;
81
- /** Allows weekends to be selected */
82
- weekendIsSelectable?: boolean;
83
- /** Popper Tooltip style */
84
- popperTooltipStyle?: CSSProperties;
85
- /** Popper Tooltip class name*/
86
- popperTooltipClassName?: string;
87
- /** Popper class name*/
88
- popperClassName?: string;
89
- /** Position of selectDate menu */
90
- position?: Placement;
91
- /** Disable days before specified date */
92
- disableDaysBefore?: Moment;
93
- /** Disable days after specified date */
94
- disabledDaysAfter?: Moment;
95
- /** Enable year selector */
96
- enableYearPicker?: boolean;
97
- /** Disable aniamtions */
98
- disableAnimations?: boolean;
99
- }
100
- export declare const SelectDateV2: FC<ISelectDateV2>;
101
- export {};
102
- //# sourceMappingURL=SelectDateV2.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectDateV2.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/SelectDateV2.tsx"],"names":[],"mappings":"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"}
@@ -1,223 +0,0 @@
1
- import React, { useMemo } from "react";
2
- import classnames from "classnames";
3
- import moment from "moment-timezone";
4
- import { SelectDateTarget } from "./SelectDateTarget";
5
- import { StyledSelectDate, StyledSelectDateButton } from "./Styles";
6
- import { formatDate } from "../../utils/dateUtils";
7
- import { DatePickerV2, toMoment } from "../DatePicker/DatePickerV2";
8
- const isDayInRange = (day, data) => {
9
- const fromMoment = moment.unix(data.from).utc();
10
- const toMoment = moment.unix(data.to).utc();
11
- if (data.repeating) {
12
- const year = day.year();
13
- const from = moment.utc({
14
- year,
15
- month: fromMoment.month(),
16
- date: fromMoment.date()
17
- });
18
- const to = moment.utc({
19
- year,
20
- month: toMoment.month(),
21
- date: toMoment.date()
22
- });
23
- return day.isSameOrAfter(from, "day") && day.isSameOrBefore(to, "day");
24
- }
25
- return day.isSameOrAfter(fromMoment, "day") && day.isSameOrBefore(toMoment, "day");
26
- };
27
- export const SelectDateV2 = _ref => {
28
- let {
29
- changeMode: mode = "instant",
30
- trigger: labelType = "text",
31
- saveButtonText = "Save",
32
- cancelButtonText = "Cancel",
33
- clearButtonText = "Clear",
34
- modalHeaderText = "Discard changes?",
35
- modalDiscardMessage = "All unsaved changes will be lost.",
36
- modalDiscardBtnText = "OK",
37
- modalCancelBtnText = "Cancel",
38
- onDayClick,
39
- onSave,
40
- onCancel,
41
- onToggleDatePicker,
42
- required: dateRequired = false,
43
- longDateFormat = false,
44
- defaultShowDatePicker = false,
45
- firstDayOfWeek = 0,
46
- selectedDays,
47
- selectionMode = "custom",
48
- menuClassName,
49
- targetClassName,
50
- icon,
51
- defaultLabelText = "Set...",
52
- targetTextClassName,
53
- targetIconClassName,
54
- backgroundElementClass,
55
- dateFormat,
56
- defaultMonth,
57
- daysToModify = [],
58
- weekends = [],
59
- weekendLabel = "Weekend",
60
- nonWorkingDaysOfWeek = [],
61
- nonWorkingDaysOfWeekLabel = "Unavailable",
62
- weekendIsSelectable = false,
63
- tooltipText,
64
- popperTooltipClassName,
65
- popperClassName,
66
- popperTooltipStyle,
67
- position,
68
- disableDaysBefore,
69
- enableYearPicker,
70
- disableAnimations,
71
- disabledDaysAfter,
72
- onChange
73
- } = _ref;
74
- const labelText = useMemo(() => {
75
- if (!selectedDays) {
76
- return defaultLabelText;
77
- } else if (!selectedDays.from && !selectedDays.to) {
78
- return defaultLabelText;
79
- } else {
80
- const formattedEndDate = selectedDays.to ? formatDate(toMoment(selectedDays.to), dateFormat, longDateFormat) : "";
81
- const formattedStartDate = selectedDays.from ? formatDate(toMoment(selectedDays == null ? void 0 : selectedDays.from), dateFormat, longDateFormat) : "";
82
- if (selectedDays.to && selectedDays.from && toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))) {
83
- return formattedEndDate;
84
- }
85
- if (!selectedDays.to && selectedDays.from) {
86
- return formattedStartDate;
87
- }
88
- return formattedStartDate + " - " + formattedEndDate;
89
- }
90
- }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);
91
- const modifiers = useMemo(() => {
92
- const userAvailabilities = daysToModify.filter(data => data.type === "user_day_off");
93
- const globalDaysOff = daysToModify.filter(data => data.type === "global_day_off");
94
- const selectableGlobalDaysOff = daysToModify.filter(data => data.type === "selectable_global_day_off");
95
- return {
96
- userAvailability: day => {
97
- const matchedData = userAvailabilities.find(data => isDayInRange(day, data));
98
- return {
99
- matched: !!matchedData,
100
- title: matchedData ? matchedData.title : null
101
- };
102
- },
103
- weekend: day => {
104
- const isWeekend = weekends.includes(day.day());
105
- return {
106
- matched: isWeekend,
107
- title: isWeekend ? weekendLabel : null
108
- };
109
- },
110
- nonWorkingDay: day => {
111
- if (weekends.includes(day.day())) {
112
- return {
113
- matched: true,
114
- title: ""
115
- };
116
- }
117
- const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];
118
- const matchedData = nonWorkingDays.find(data => isDayInRange(day, data));
119
- return {
120
- matched: !!matchedData,
121
- title: matchedData ? matchedData.title : null
122
- };
123
- },
124
- nonWorkingDaysOfWeek: day => {
125
- const isNonWorkingDay = nonWorkingDaysOfWeek.includes(day.day());
126
- return {
127
- matched: isNonWorkingDay,
128
- title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null
129
- };
130
- },
131
- day_disabled: day => {
132
- const globalDayOff = globalDaysOff.find(data => isDayInRange(day, data));
133
- return {
134
- matched: !!globalDayOff,
135
- title: null
136
- };
137
- }
138
- };
139
- }, [daysToModify, nonWorkingDaysOfWeek, nonWorkingDaysOfWeekLabel, weekendLabel, weekends]);
140
- const renderTargetEl = useMemo(() => {
141
- if (labelType === "icon" && icon) {
142
- return /*#__PURE__*/React.createElement(SelectDateTarget, {
143
- icon: icon,
144
- title: tooltipText,
145
- targetIconClassName: targetIconClassName,
146
- popperTooltipClassName: popperTooltipClassName,
147
- popperTooltipStyle: popperTooltipStyle
148
- });
149
- }
150
- if (typeof labelType === "function") {
151
- return labelType(labelText);
152
- }
153
- return /*#__PURE__*/React.createElement(StyledSelectDateButton, {
154
- type: "button",
155
- className: classnames("date-picker-target", targetClassName)
156
- }, /*#__PURE__*/React.createElement("span", {
157
- className: targetTextClassName
158
- }, labelText));
159
- }, [icon, labelText, labelType, popperTooltipClassName, popperTooltipStyle, targetClassName, targetIconClassName, targetTextClassName, tooltipText]);
160
- return /*#__PURE__*/React.createElement(StyledSelectDate, {
161
- className: "select-date"
162
- }, labelType !== "inline" ? /*#__PURE__*/React.createElement(DatePickerV2, {
163
- target: renderTargetEl,
164
- position: position,
165
- menuClassName: menuClassName,
166
- popperClassName: popperClassName,
167
- month: defaultMonth,
168
- instant: mode === "instant",
169
- mode: selectionMode,
170
- required: dateRequired,
171
- selected: selectedDays,
172
- firstDayOfWeek: firstDayOfWeek,
173
- saveLabel: saveButtonText,
174
- cancelLabel: cancelButtonText,
175
- clearLabel: clearButtonText,
176
- onSave: onSave,
177
- onChange: onChange,
178
- onClose: onCancel,
179
- modifiers: modifiers,
180
- modalHeaderText: modalHeaderText,
181
- modalDiscardMessage: modalDiscardMessage,
182
- modalDiscardBtnText: modalDiscardBtnText,
183
- modalCancelBtnText: modalCancelBtnText,
184
- disabledDaysBefore: disableDaysBefore,
185
- disabledDaysAfter: disabledDaysAfter,
186
- backgroundElementClass: backgroundElementClass,
187
- disabled: weekendIsSelectable ? [] : weekends,
188
- popperTooltipClassName: popperTooltipClassName,
189
- popperTooltipStyle: popperTooltipStyle,
190
- open: defaultShowDatePicker,
191
- onCalendarToggle: onToggleDatePicker,
192
- onDayClick: onDayClick,
193
- enableConfirmModal: mode === "atomic" && !dateRequired,
194
- disableYearPicker: !enableYearPicker,
195
- disableAnimations: disableAnimations,
196
- showControls: true
197
- }) : /*#__PURE__*/React.createElement(DatePickerV2, {
198
- month: defaultMonth,
199
- instant: mode === "instant",
200
- mode: selectionMode,
201
- required: dateRequired,
202
- selected: selectedDays,
203
- firstDayOfWeek: firstDayOfWeek,
204
- saveLabel: saveButtonText,
205
- cancelLabel: cancelButtonText,
206
- clearLabel: clearButtonText,
207
- disabledDaysBefore: disableDaysBefore,
208
- disabledDaysAfter: disabledDaysAfter,
209
- popperTooltipClassName: popperTooltipClassName,
210
- popperTooltipStyle: popperTooltipStyle,
211
- disabled: weekendIsSelectable ? [] : weekends,
212
- onSave: onSave,
213
- onChange: onChange,
214
- modifiers: modifiers,
215
- onDayClick: onDayClick,
216
- disableYearPicker: !enableYearPicker,
217
- disableAnimations: disableAnimations,
218
- showControls: true,
219
- open: true
220
- }));
221
- };
222
- SelectDateV2.displayName = "SelectDateV2";
223
- //# sourceMappingURL=SelectDateV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectDateV2.js","names":["React","useMemo","classnames","moment","SelectDateTarget","StyledSelectDate","StyledSelectDateButton","formatDate","DatePickerV2","toMoment","isDayInRange","day","data","fromMoment","unix","from","utc","to","repeating","year","month","date","isSameOrAfter","isSameOrBefore","SelectDateV2","_ref","changeMode","mode","trigger","labelType","saveButtonText","cancelButtonText","clearButtonText","modalHeaderText","modalDiscardMessage","modalDiscardBtnText","modalCancelBtnText","onDayClick","onSave","onCancel","onToggleDatePicker","required","dateRequired","longDateFormat","defaultShowDatePicker","firstDayOfWeek","selectedDays","selectionMode","menuClassName","targetClassName","icon","defaultLabelText","targetTextClassName","targetIconClassName","backgroundElementClass","dateFormat","defaultMonth","daysToModify","weekends","weekendLabel","nonWorkingDaysOfWeek","nonWorkingDaysOfWeekLabel","weekendIsSelectable","tooltipText","popperTooltipClassName","popperClassName","popperTooltipStyle","position","disableDaysBefore","enableYearPicker","disableAnimations","disabledDaysAfter","onChange","labelText","formattedEndDate","formattedStartDate","isSame","modifiers","userAvailabilities","filter","type","globalDaysOff","selectableGlobalDaysOff","userAvailability","matchedData","find","matched","title","weekend","isWeekend","includes","nonWorkingDay","nonWorkingDays","isNonWorkingDay","day_disabled","globalDayOff","renderTargetEl","createElement","className","target","instant","selected","saveLabel","cancelLabel","clearLabel","onClose","disabledDaysBefore","disabled","open","onCalendarToggle","enableConfirmModal","disableYearPicker","showControls","displayName"],"sources":["../../../../src/components/SelectDate/SelectDateV2.tsx"],"sourcesContent":["import React, { ElementType, FC, useMemo, CSSProperties } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport { SelectDateTarget } from \"./SelectDateTarget\";\nimport { StyledSelectDate, StyledSelectDateButton } from \"./Styles\";\nimport { DaysToModify } from \"./types\";\nimport { formatDate } from \"../../utils/dateUtils\";\nimport {\n ChangeMode,\n DatePickerV2,\n TimestampDateRange,\n toMoment,\n} from \"../DatePicker/DatePickerV2\";\n\ntype TriggerStringType = \"text\" | \"icon\" | \"inline\";\ntype TriggerFunctionType = (text: string) => JSX.Element;\n\nconst isDayInRange = (day: Moment, data: DaysToModify): boolean => {\n const fromMoment = moment.unix(data.from).utc();\n const toMoment = moment.unix(data.to).utc();\n\n if (data.repeating) {\n const year = day.year();\n const from = moment.utc({\n year,\n month: fromMoment.month(),\n date: fromMoment.date(),\n });\n const to = moment.utc({\n year,\n month: toMoment.month(),\n date: toMoment.date(),\n });\n\n return day.isSameOrAfter(from, \"day\") && day.isSameOrBefore(to, \"day\");\n }\n\n return (\n day.isSameOrAfter(fromMoment, \"day\") && day.isSameOrBefore(toMoment, \"day\")\n );\n};\n\nexport interface ISelectDateV2 {\n /** Change mode - can be atomic and instant */\n changeMode?: \"atomic\" | \"instant\";\n /** Trigger - can be text, icon, inline, or custom render function */\n trigger?: TriggerStringType | TriggerFunctionType;\n /** Save button text */\n saveButtonText?: string;\n /** Cancel button text */\n cancelButtonText?: string;\n /** Clear button text */\n clearButtonText?: string;\n /** Modal header text */\n modalHeaderText?: string;\n /** Modal cancel button text */\n modalCancelBtnText?: string;\n /** Modal discard button text */\n modalDiscardBtnText?: string;\n /** Modal discard message text */\n modalDiscardMessage?: string;\n /** Tooltip text */\n tooltipText?: string;\n /** Called when day is clicked */\n onDayClick?: (day: Moment, modifiers: string[]) => void;\n /** Save changes callback */\n onSave?: (dates?: TimestampDateRange) => void;\n /** Changing dates callback */\n onChange?: (dates?: TimestampDateRange) => void;\n /** On cancel closes datepicker or opens discard modal in atomic mode */\n onCancel?: () => void;\n /** Clear dates when they are not required */\n onClear?: () => void;\n /** Use this callback to get is picker visible */\n onToggleDatePicker?: (value: boolean) => void;\n /** Set selected day or days */\n selectedDays?: TimestampDateRange;\n /** Set month */\n defaultMonth?: Moment;\n /** Set selection range */\n selectionMode?: ChangeMode;\n /** Set is date required */\n required?: boolean;\n /** Set default show on date picker (only for text and icon mode) */\n defaultShowDatePicker?: boolean;\n /** Long date format (Always show year) */\n longDateFormat?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n /** One of icon types */\n icon?: ElementType;\n /** Default Label text */\n defaultLabelText?: string;\n /** Date format */\n dateFormat?: string;\n /** Menu classes */\n menuClassName?: string;\n /** Target element classes */\n targetClassName?: string;\n /** Target element text classes */\n targetTextClassName?: string;\n /** Target element icon classes */\n targetIconClassName?: string;\n /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n backgroundElementClass?: string;\n /** Days to modify */\n daysToModify?: DaysToModify[];\n /** Array of weekend days */\n weekends?: number[];\n /** Weekend label */\n weekendLabel?: string;\n /** Array of nonworking week days */\n nonWorkingDaysOfWeek?: number[];\n /** Nonworking week days label */\n nonWorkingDaysOfWeekLabel?: string;\n /** Allows weekends to be selected */\n weekendIsSelectable?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Popper class name*/\n popperClassName?: string;\n /** Position of selectDate menu */\n position?: Placement;\n /** Disable days before specified date */\n disableDaysBefore?: Moment;\n /** Disable days after specified date */\n disabledDaysAfter?: Moment;\n /** Enable year selector */\n enableYearPicker?: boolean;\n /** Disable aniamtions */\n disableAnimations?: boolean;\n}\n\nexport const SelectDateV2: FC<ISelectDateV2> = ({\n changeMode: mode = \"instant\",\n trigger: labelType = \"text\",\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n modalHeaderText = \"Discard changes?\",\n modalDiscardMessage = \"All unsaved changes will be lost.\",\n modalDiscardBtnText = \"OK\",\n modalCancelBtnText = \"Cancel\",\n onDayClick,\n onSave,\n onCancel,\n onToggleDatePicker,\n required: dateRequired = false,\n longDateFormat = false,\n defaultShowDatePicker = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n menuClassName,\n targetClassName,\n icon,\n defaultLabelText = \"Set...\",\n targetTextClassName,\n targetIconClassName,\n backgroundElementClass,\n dateFormat,\n defaultMonth,\n daysToModify = [],\n weekends = [],\n weekendLabel = \"Weekend\",\n nonWorkingDaysOfWeek = [],\n nonWorkingDaysOfWeekLabel = \"Unavailable\",\n weekendIsSelectable = false,\n tooltipText,\n popperTooltipClassName,\n popperClassName,\n popperTooltipStyle,\n position,\n disableDaysBefore,\n enableYearPicker,\n disableAnimations,\n disabledDaysAfter,\n onChange,\n}) => {\n const labelText = useMemo(() => {\n if (!selectedDays) {\n return defaultLabelText;\n } else if (!selectedDays.from && !selectedDays.to) {\n return defaultLabelText;\n } else {\n const formattedEndDate = selectedDays.to\n ? formatDate(toMoment(selectedDays.to), dateFormat, longDateFormat)\n : \"\";\n const formattedStartDate = selectedDays.from\n ? formatDate(toMoment(selectedDays?.from), dateFormat, longDateFormat)\n : \"\";\n\n if (\n selectedDays.to &&\n selectedDays.from &&\n toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))\n ) {\n return formattedEndDate;\n }\n\n if (!selectedDays.to && selectedDays.from) {\n return formattedStartDate;\n }\n\n return `${formattedStartDate} - ${formattedEndDate}`;\n }\n }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);\n\n const modifiers = useMemo(() => {\n const userAvailabilities = daysToModify.filter(\n (data) => data.type === \"user_day_off\"\n );\n const globalDaysOff = daysToModify.filter(\n (data) => data.type === \"global_day_off\"\n );\n const selectableGlobalDaysOff = daysToModify.filter(\n (data) => data.type === \"selectable_global_day_off\"\n );\n\n return {\n userAvailability: (day: Moment) => {\n const matchedData = userAvailabilities.find((data) =>\n isDayInRange(day, data)\n );\n return {\n matched: !!matchedData,\n title: matchedData ? matchedData.title : null,\n };\n },\n weekend: (day: Moment) => {\n const isWeekend = weekends.includes(day.day());\n return {\n matched: isWeekend,\n title: isWeekend ? weekendLabel : null,\n };\n },\n nonWorkingDay: (day: Moment) => {\n if (weekends.includes(day.day())) {\n return { matched: true, title: \"\" };\n }\n const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];\n\n const matchedData = nonWorkingDays.find((data) =>\n isDayInRange(day, data)\n );\n return {\n matched: !!matchedData,\n title: matchedData ? matchedData.title : null,\n };\n },\n nonWorkingDaysOfWeek: (day: Moment) => {\n const isNonWorkingDay = nonWorkingDaysOfWeek.includes(day.day());\n return {\n matched: isNonWorkingDay,\n title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null,\n };\n },\n day_disabled: (day: Moment) => {\n const globalDayOff = globalDaysOff.find((data) =>\n isDayInRange(day, data)\n );\n\n return {\n matched: !!globalDayOff,\n title: null,\n };\n },\n };\n }, [\n daysToModify,\n nonWorkingDaysOfWeek,\n nonWorkingDaysOfWeekLabel,\n weekendLabel,\n weekends,\n ]);\n\n const renderTargetEl = useMemo(() => {\n if (labelType === \"icon\" && icon) {\n return (\n <SelectDateTarget\n icon={icon}\n title={tooltipText}\n targetIconClassName={targetIconClassName}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n />\n );\n }\n if (typeof labelType === \"function\") {\n return labelType(labelText);\n }\n return (\n <StyledSelectDateButton\n type=\"button\"\n className={classnames(\"date-picker-target\", targetClassName)}\n >\n <span className={targetTextClassName}>{labelText}</span>\n </StyledSelectDateButton>\n );\n }, [\n icon,\n labelText,\n labelType,\n popperTooltipClassName,\n popperTooltipStyle,\n targetClassName,\n targetIconClassName,\n targetTextClassName,\n tooltipText,\n ]);\n\n return (\n <StyledSelectDate className=\"select-date\">\n {labelType !== \"inline\" ? (\n <DatePickerV2\n target={renderTargetEl}\n position={position}\n menuClassName={menuClassName}\n popperClassName={popperClassName}\n month={defaultMonth}\n instant={mode === \"instant\"}\n mode={selectionMode}\n required={dateRequired}\n selected={selectedDays}\n firstDayOfWeek={firstDayOfWeek}\n saveLabel={saveButtonText}\n cancelLabel={cancelButtonText}\n clearLabel={clearButtonText}\n onSave={onSave}\n onChange={onChange}\n onClose={onCancel}\n modifiers={modifiers}\n modalHeaderText={modalHeaderText}\n modalDiscardMessage={modalDiscardMessage}\n modalDiscardBtnText={modalDiscardBtnText}\n modalCancelBtnText={modalCancelBtnText}\n disabledDaysBefore={disableDaysBefore}\n disabledDaysAfter={disabledDaysAfter}\n backgroundElementClass={backgroundElementClass}\n disabled={weekendIsSelectable ? [] : weekends}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n open={defaultShowDatePicker}\n onCalendarToggle={onToggleDatePicker}\n onDayClick={onDayClick}\n enableConfirmModal={mode === \"atomic\" && !dateRequired}\n disableYearPicker={!enableYearPicker}\n disableAnimations={disableAnimations}\n showControls\n />\n ) : (\n <DatePickerV2\n month={defaultMonth}\n instant={mode === \"instant\"}\n mode={selectionMode}\n required={dateRequired}\n selected={selectedDays}\n firstDayOfWeek={firstDayOfWeek}\n saveLabel={saveButtonText}\n cancelLabel={cancelButtonText}\n clearLabel={clearButtonText}\n disabledDaysBefore={disableDaysBefore}\n disabledDaysAfter={disabledDaysAfter}\n popperTooltipClassName={popperTooltipClassName}\n popperTooltipStyle={popperTooltipStyle}\n disabled={weekendIsSelectable ? [] : weekends}\n onSave={onSave}\n onChange={onChange}\n modifiers={modifiers}\n onDayClick={onDayClick}\n disableYearPicker={!enableYearPicker}\n disableAnimations={disableAnimations}\n showControls\n open\n />\n )}\n </StyledSelectDate>\n );\n};\n\nSelectDateV2.displayName = \"SelectDateV2\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAqBC,OAAO,QAAuB,OAAO;AAGtE,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,MAAM,MAAM,iBAAiB;AAEpC,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,UAAU;AAEnE,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAEEC,YAAY,EAEZC,QAAQ,QACH,4BAA4B;AAKnC,MAAMC,YAAY,GAAGA,CAACC,GAAW,EAAEC,IAAkB,KAAc;EACjE,MAAMC,UAAU,GAAGV,MAAM,CAACW,IAAI,CAACF,IAAI,CAACG,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC;EAC/C,MAAMP,QAAQ,GAAGN,MAAM,CAACW,IAAI,CAACF,IAAI,CAACK,EAAE,CAAC,CAACD,GAAG,CAAC,CAAC;EAE3C,IAAIJ,IAAI,CAACM,SAAS,EAAE;IAClB,MAAMC,IAAI,GAAGR,GAAG,CAACQ,IAAI,CAAC,CAAC;IACvB,MAAMJ,IAAI,GAAGZ,MAAM,CAACa,GAAG,CAAC;MACtBG,IAAI;MACJC,KAAK,EAAEP,UAAU,CAACO,KAAK,CAAC,CAAC;MACzBC,IAAI,EAAER,UAAU,CAACQ,IAAI,CAAC;IACxB,CAAC,CAAC;IACF,MAAMJ,EAAE,GAAGd,MAAM,CAACa,GAAG,CAAC;MACpBG,IAAI;MACJC,KAAK,EAAEX,QAAQ,CAACW,KAAK,CAAC,CAAC;MACvBC,IAAI,EAAEZ,QAAQ,CAACY,IAAI,CAAC;IACtB,CAAC,CAAC;IAEF,OAAOV,GAAG,CAACW,aAAa,CAACP,IAAI,EAAE,KAAK,CAAC,IAAIJ,GAAG,CAACY,cAAc,CAACN,EAAE,EAAE,KAAK,CAAC;EACxE;EAEA,OACEN,GAAG,CAACW,aAAa,CAACT,UAAU,EAAE,KAAK,CAAC,IAAIF,GAAG,CAACY,cAAc,CAACd,QAAQ,EAAE,KAAK,CAAC;AAE/E,CAAC;AA+FD,OAAO,MAAMe,YAA+B,GAAGC,IAAA,IA6CzC;EAAA,IA7C0C;IAC9CC,UAAU,EAAEC,IAAI,GAAG,SAAS;IAC5BC,OAAO,EAAEC,SAAS,GAAG,MAAM;IAC3BC,cAAc,GAAG,MAAM;IACvBC,gBAAgB,GAAG,QAAQ;IAC3BC,eAAe,GAAG,OAAO;IACzBC,eAAe,GAAG,kBAAkB;IACpCC,mBAAmB,GAAG,mCAAmC;IACzDC,mBAAmB,GAAG,IAAI;IAC1BC,kBAAkB,GAAG,QAAQ;IAC7BC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,kBAAkB;IAClBC,QAAQ,EAAEC,YAAY,GAAG,KAAK;IAC9BC,cAAc,GAAG,KAAK;IACtBC,qBAAqB,GAAG,KAAK;IAC7BC,cAAc,GAAG,CAAC;IAClBC,YAAY;IACZC,aAAa,GAAG,QAAQ;IACxBC,aAAa;IACbC,eAAe;IACfC,IAAI;IACJC,gBAAgB,GAAG,QAAQ;IAC3BC,mBAAmB;IACnBC,mBAAmB;IACnBC,sBAAsB;IACtBC,UAAU;IACVC,YAAY;IACZC,YAAY,GAAG,EAAE;IACjBC,QAAQ,GAAG,EAAE;IACbC,YAAY,GAAG,SAAS;IACxBC,oBAAoB,GAAG,EAAE;IACzBC,yBAAyB,GAAG,aAAa;IACzCC,mBAAmB,GAAG,KAAK;IAC3BC,WAAW;IACXC,sBAAsB;IACtBC,eAAe;IACfC,kBAAkB;IAClBC,QAAQ;IACRC,iBAAiB;IACjBC,gBAAgB;IAChBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACF,CAAC,GAAA/C,IAAA;EACC,MAAMgD,SAAS,GAAGxE,OAAO,CAAC,MAAM;IAC9B,IAAI,CAAC6C,YAAY,EAAE;MACjB,OAAOK,gBAAgB;IACzB,CAAC,MAAM,IAAI,CAACL,YAAY,CAAC/B,IAAI,IAAI,CAAC+B,YAAY,CAAC7B,EAAE,EAAE;MACjD,OAAOkC,gBAAgB;IACzB,CAAC,MAAM;MACL,MAAMuB,gBAAgB,GAAG5B,YAAY,CAAC7B,EAAE,GACpCV,UAAU,CAACE,QAAQ,CAACqC,YAAY,CAAC7B,EAAE,CAAC,EAAEsC,UAAU,EAAEZ,cAAc,CAAC,GACjE,EAAE;MACN,MAAMgC,kBAAkB,GAAG7B,YAAY,CAAC/B,IAAI,GACxCR,UAAU,CAACE,QAAQ,CAACqC,YAAY,oBAAZA,YAAY,CAAE/B,IAAI,CAAC,EAAEwC,UAAU,EAAEZ,cAAc,CAAC,GACpE,EAAE;MAEN,IACEG,YAAY,CAAC7B,EAAE,IACf6B,YAAY,CAAC/B,IAAI,IACjBN,QAAQ,CAACqC,YAAY,CAAC/B,IAAI,CAAC,CAAC6D,MAAM,CAACnE,QAAQ,CAACqC,YAAY,CAAC7B,EAAE,CAAC,CAAC,EAC7D;QACA,OAAOyD,gBAAgB;MACzB;MAEA,IAAI,CAAC5B,YAAY,CAAC7B,EAAE,IAAI6B,YAAY,CAAC/B,IAAI,EAAE;QACzC,OAAO4D,kBAAkB;MAC3B;MAEA,OAAUA,kBAAkB,WAAMD,gBAAgB;IACpD;EACF,CAAC,EAAE,CAAC5B,YAAY,EAAES,UAAU,EAAEJ,gBAAgB,EAAER,cAAc,CAAC,CAAC;EAEhE,MAAMkC,SAAS,GAAG5E,OAAO,CAAC,MAAM;IAC9B,MAAM6E,kBAAkB,GAAGrB,YAAY,CAACsB,MAAM,CAC3CnE,IAAI,IAAKA,IAAI,CAACoE,IAAI,KAAK,cAC1B,CAAC;IACD,MAAMC,aAAa,GAAGxB,YAAY,CAACsB,MAAM,CACtCnE,IAAI,IAAKA,IAAI,CAACoE,IAAI,KAAK,gBAC1B,CAAC;IACD,MAAME,uBAAuB,GAAGzB,YAAY,CAACsB,MAAM,CAChDnE,IAAI,IAAKA,IAAI,CAACoE,IAAI,KAAK,2BAC1B,CAAC;IAED,OAAO;MACLG,gBAAgB,EAAGxE,GAAW,IAAK;QACjC,MAAMyE,WAAW,GAAGN,kBAAkB,CAACO,IAAI,CAAEzE,IAAI,IAC/CF,YAAY,CAACC,GAAG,EAAEC,IAAI,CACxB,CAAC;QACD,OAAO;UACL0E,OAAO,EAAE,CAAC,CAACF,WAAW;UACtBG,KAAK,EAAEH,WAAW,GAAGA,WAAW,CAACG,KAAK,GAAG;QAC3C,CAAC;MACH,CAAC;MACDC,OAAO,EAAG7E,GAAW,IAAK;QACxB,MAAM8E,SAAS,GAAG/B,QAAQ,CAACgC,QAAQ,CAAC/E,GAAG,CAACA,GAAG,CAAC,CAAC,CAAC;QAC9C,OAAO;UACL2E,OAAO,EAAEG,SAAS;UAClBF,KAAK,EAAEE,SAAS,GAAG9B,YAAY,GAAG;QACpC,CAAC;MACH,CAAC;MACDgC,aAAa,EAAGhF,GAAW,IAAK;QAC9B,IAAI+C,QAAQ,CAACgC,QAAQ,CAAC/E,GAAG,CAACA,GAAG,CAAC,CAAC,CAAC,EAAE;UAChC,OAAO;YAAE2E,OAAO,EAAE,IAAI;YAAEC,KAAK,EAAE;UAAG,CAAC;QACrC;QACA,MAAMK,cAAc,GAAG,CAAC,GAAGV,uBAAuB,EAAE,GAAGD,aAAa,CAAC;QAErE,MAAMG,WAAW,GAAGQ,cAAc,CAACP,IAAI,CAAEzE,IAAI,IAC3CF,YAAY,CAACC,GAAG,EAAEC,IAAI,CACxB,CAAC;QACD,OAAO;UACL0E,OAAO,EAAE,CAAC,CAACF,WAAW;UACtBG,KAAK,EAAEH,WAAW,GAAGA,WAAW,CAACG,KAAK,GAAG;QAC3C,CAAC;MACH,CAAC;MACD3B,oBAAoB,EAAGjD,GAAW,IAAK;QACrC,MAAMkF,eAAe,GAAGjC,oBAAoB,CAAC8B,QAAQ,CAAC/E,GAAG,CAACA,GAAG,CAAC,CAAC,CAAC;QAChE,OAAO;UACL2E,OAAO,EAAEO,eAAe;UACxBN,KAAK,EAAEM,eAAe,GAAGhC,yBAAyB,GAAG;QACvD,CAAC;MACH,CAAC;MACDiC,YAAY,EAAGnF,GAAW,IAAK;QAC7B,MAAMoF,YAAY,GAAGd,aAAa,CAACI,IAAI,CAAEzE,IAAI,IAC3CF,YAAY,CAACC,GAAG,EAAEC,IAAI,CACxB,CAAC;QAED,OAAO;UACL0E,OAAO,EAAE,CAAC,CAACS,YAAY;UACvBR,KAAK,EAAE;QACT,CAAC;MACH;IACF,CAAC;EACH,CAAC,EAAE,CACD9B,YAAY,EACZG,oBAAoB,EACpBC,yBAAyB,EACzBF,YAAY,EACZD,QAAQ,CACT,CAAC;EAEF,MAAMsC,cAAc,GAAG/F,OAAO,CAAC,MAAM;IACnC,IAAI4B,SAAS,KAAK,MAAM,IAAIqB,IAAI,EAAE;MAChC,oBACElD,KAAA,CAAAiG,aAAA,CAAC7F,gBAAgB;QACf8C,IAAI,EAAEA,IAAK;QACXqC,KAAK,EAAExB,WAAY;QACnBV,mBAAmB,EAAEA,mBAAoB;QACzCW,sBAAsB,EAAEA,sBAAuB;QAC/CE,kBAAkB,EAAEA;MAAmB,CACxC,CAAC;IAEN;IACA,IAAI,OAAOrC,SAAS,KAAK,UAAU,EAAE;MACnC,OAAOA,SAAS,CAAC4C,SAAS,CAAC;IAC7B;IACA,oBACEzE,KAAA,CAAAiG,aAAA,CAAC3F,sBAAsB;MACrB0E,IAAI,EAAC,QAAQ;MACbkB,SAAS,EAAEhG,UAAU,CAAC,oBAAoB,EAAE+C,eAAe;IAAE,gBAE7DjD,KAAA,CAAAiG,aAAA;MAAMC,SAAS,EAAE9C;IAAoB,GAAEqB,SAAgB,CACjC,CAAC;EAE7B,CAAC,EAAE,CACDvB,IAAI,EACJuB,SAAS,EACT5C,SAAS,EACTmC,sBAAsB,EACtBE,kBAAkB,EAClBjB,eAAe,EACfI,mBAAmB,EACnBD,mBAAmB,EACnBW,WAAW,CACZ,CAAC;EAEF,oBACE/D,KAAA,CAAAiG,aAAA,CAAC5F,gBAAgB;IAAC6F,SAAS,EAAC;EAAa,GACtCrE,SAAS,KAAK,QAAQ,gBACrB7B,KAAA,CAAAiG,aAAA,CAACzF,YAAY;IACX2F,MAAM,EAAEH,cAAe;IACvB7B,QAAQ,EAAEA,QAAS;IACnBnB,aAAa,EAAEA,aAAc;IAC7BiB,eAAe,EAAEA,eAAgB;IACjC7C,KAAK,EAAEoC,YAAa;IACpB4C,OAAO,EAAEzE,IAAI,KAAK,SAAU;IAC5BA,IAAI,EAAEoB,aAAc;IACpBN,QAAQ,EAAEC,YAAa;IACvB2D,QAAQ,EAAEvD,YAAa;IACvBD,cAAc,EAAEA,cAAe;IAC/ByD,SAAS,EAAExE,cAAe;IAC1ByE,WAAW,EAAExE,gBAAiB;IAC9ByE,UAAU,EAAExE,eAAgB;IAC5BM,MAAM,EAAEA,MAAO;IACfkC,QAAQ,EAAEA,QAAS;IACnBiC,OAAO,EAAElE,QAAS;IAClBsC,SAAS,EAAEA,SAAU;IACrB5C,eAAe,EAAEA,eAAgB;IACjCC,mBAAmB,EAAEA,mBAAoB;IACzCC,mBAAmB,EAAEA,mBAAoB;IACzCC,kBAAkB,EAAEA,kBAAmB;IACvCsE,kBAAkB,EAAEtC,iBAAkB;IACtCG,iBAAiB,EAAEA,iBAAkB;IACrCjB,sBAAsB,EAAEA,sBAAuB;IAC/CqD,QAAQ,EAAE7C,mBAAmB,GAAG,EAAE,GAAGJ,QAAS;IAC9CM,sBAAsB,EAAEA,sBAAuB;IAC/CE,kBAAkB,EAAEA,kBAAmB;IACvC0C,IAAI,EAAEhE,qBAAsB;IAC5BiE,gBAAgB,EAAErE,kBAAmB;IACrCH,UAAU,EAAEA,UAAW;IACvByE,kBAAkB,EAAEnF,IAAI,KAAK,QAAQ,IAAI,CAACe,YAAa;IACvDqE,iBAAiB,EAAE,CAAC1C,gBAAiB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrC0C,YAAY;EAAA,CACb,CAAC,gBAEFhH,KAAA,CAAAiG,aAAA,CAACzF,YAAY;IACXY,KAAK,EAAEoC,YAAa;IACpB4C,OAAO,EAAEzE,IAAI,KAAK,SAAU;IAC5BA,IAAI,EAAEoB,aAAc;IACpBN,QAAQ,EAAEC,YAAa;IACvB2D,QAAQ,EAAEvD,YAAa;IACvBD,cAAc,EAAEA,cAAe;IAC/ByD,SAAS,EAAExE,cAAe;IAC1ByE,WAAW,EAAExE,gBAAiB;IAC9ByE,UAAU,EAAExE,eAAgB;IAC5B0E,kBAAkB,EAAEtC,iBAAkB;IACtCG,iBAAiB,EAAEA,iBAAkB;IACrCP,sBAAsB,EAAEA,sBAAuB;IAC/CE,kBAAkB,EAAEA,kBAAmB;IACvCyC,QAAQ,EAAE7C,mBAAmB,GAAG,EAAE,GAAGJ,QAAS;IAC9CpB,MAAM,EAAEA,MAAO;IACfkC,QAAQ,EAAEA,QAAS;IACnBK,SAAS,EAAEA,SAAU;IACrBxC,UAAU,EAAEA,UAAW;IACvB0E,iBAAiB,EAAE,CAAC1C,gBAAiB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrC0C,YAAY;IACZJ,IAAI;EAAA,CACL,CAEa,CAAC;AAEvB,CAAC;AAEDpF,YAAY,CAACyF,WAAW,GAAG,cAAc"}
@@ -1,45 +0,0 @@
1
- import { FC } from "react";
2
- import { Placement } from "@popperjs/core";
3
- import { Moment } from "moment";
4
- export interface IDateStepperPropsV2 {
5
- /** One of the possible steps for this component */
6
- step: "daily" | "weekly" | "monthly" | "quarterly" | "yearly" | "range";
7
- /** Callback function that will be called after the changed range */
8
- onChange?: (from: Date, to: Date) => void;
9
- /** Start date of the range */
10
- from: Moment | string;
11
- /** End date of the range */
12
- to: Moment | string;
13
- /** Callback function that will format the text label */
14
- formatCallback?: (from: string | Moment, to: string | Moment) => string;
15
- /** Default month */
16
- defaultMonth?: Moment;
17
- /** Callback function onBack */
18
- onBack?: (from: Date, to: Date) => void;
19
- /** Callback function onForward */
20
- onForward?: (from: Date, to: Date) => void;
21
- /** Min date */
22
- minValue?: Moment;
23
- /** Max fate */
24
- maxValue?: Moment;
25
- /** html class */
26
- className?: string;
27
- /** Period for calculating week (isoWeek) */
28
- period?: "week" | "isoWeek";
29
- /** Classes for datePicker */
30
- datePickerClass?: string;
31
- /** Show datePicker in the middle button */
32
- withDatePicker?: boolean;
33
- /** Popper class name*/
34
- popperClassName?: string;
35
- /** DatePicker menu position */
36
- position?: Placement;
37
- /** Enable year picker in DatePicker */
38
- enableYearPicker?: boolean;
39
- }
40
- /**
41
- * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
42
- * onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
43
- */
44
- export declare const DateStepperV2: FC<IDateStepperPropsV2>;
45
- //# sourceMappingURL=DateStepperV2.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateStepperV2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepperV2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAiBhC,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACxE,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AAEH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CA6SjD,CAAC"}