@activecollab/components 2.0.271 → 2.0.273
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js +33 -15
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/Styles.js +3 -1
- package/dist/cjs/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts +2 -2
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js +33 -15
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts +3 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/index.js +36 -16
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -55,7 +55,7 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
|
|
|
55
55
|
_useState2 = _slicedToArray(_useState, 2),
|
|
56
56
|
fromDate = _useState2[0],
|
|
57
57
|
setFromDate = _useState2[1];
|
|
58
|
-
var _useState3 = (0, _react.useState)(_momentTimezone.default.utc(to)),
|
|
58
|
+
var _useState3 = (0, _react.useState)(to ? _momentTimezone.default.utc(to) : null),
|
|
59
59
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
60
60
|
toDate = _useState4[0],
|
|
61
61
|
setToDate = _useState4[1];
|
|
@@ -78,25 +78,29 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
|
|
|
78
78
|
return [date.clone().startOf("year"), date.clone().endOf("year")];
|
|
79
79
|
} else if (step === "range") {
|
|
80
80
|
// For range step, calculate N days based on current selection
|
|
81
|
-
|
|
81
|
+
// Handle case where toDate is undefined
|
|
82
|
+
var effectiveToDate = !toDate ? fromDate : toDate;
|
|
83
|
+
var daysDiff = effectiveToDate.diff(fromDate, "days");
|
|
84
|
+
|
|
82
85
|
// If same day selected (daysDiff = 0), move by 1 day
|
|
83
86
|
var daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;
|
|
84
87
|
var newFromDate = fromDate.clone().add(interval * daysToMove, "days");
|
|
85
|
-
var newToDate = daysDiff === 0 ? newFromDate.clone() :
|
|
88
|
+
var newToDate = daysDiff === 0 ? newFromDate.clone() : effectiveToDate.clone().add(interval * daysToMove, "days");
|
|
86
89
|
return [newFromDate, newToDate];
|
|
87
90
|
}
|
|
88
91
|
return [date, date];
|
|
89
92
|
}, [fromDate, toDate, period, step]);
|
|
90
93
|
var getDateFormatted = (0, _react.useMemo)(function () {
|
|
91
94
|
if (formatCallback) {
|
|
92
|
-
return formatCallback(fromDate, toDate);
|
|
95
|
+
return formatCallback(fromDate, toDate ? toDate : fromDate);
|
|
93
96
|
}
|
|
94
97
|
var actualYear = (0, _momentTimezone.default)().year();
|
|
95
98
|
var showWeekOrCustomDateFormat = function showWeekOrCustomDateFormat(start, end) {
|
|
99
|
+
var endDate = end ? end : start;
|
|
96
100
|
if (start.year() === actualYear && end.year() === actualYear) {
|
|
97
|
-
return start.utc().format("MMM DD") + " - " +
|
|
101
|
+
return start.utc().format("MMM DD") + " - " + endDate.utc().format("MMM DD");
|
|
98
102
|
} else {
|
|
99
|
-
return start.utc().format("MMM DD YYYY") + " - " +
|
|
103
|
+
return start.utc().format("MMM DD YYYY") + " - " + endDate.utc().format("MMM DD YYYY");
|
|
100
104
|
}
|
|
101
105
|
};
|
|
102
106
|
if (step === "daily") {
|
|
@@ -115,8 +119,7 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
|
|
|
115
119
|
} else if (step === "yearly") {
|
|
116
120
|
return fromDate.utc().format("YYYY");
|
|
117
121
|
} else if (step === "range") {
|
|
118
|
-
|
|
119
|
-
if (!toDate.isValid() || toDate.year() === 1970) {
|
|
122
|
+
if (!toDate) {
|
|
120
123
|
if (fromDate.year() === actualYear) {
|
|
121
124
|
return fromDate.utc().format("MMM DD");
|
|
122
125
|
}
|
|
@@ -139,19 +142,27 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
|
|
|
139
142
|
return step;
|
|
140
143
|
}, [step]);
|
|
141
144
|
var onDatePickerChange = (0, _react.useCallback)(function (dates) {
|
|
145
|
+
console.log("dates: ", dates);
|
|
142
146
|
var fromDateTemp = _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.from) * 1000);
|
|
143
|
-
var toDateTemp = _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.to) * 1000);
|
|
147
|
+
var toDateTemp = dates !== null && dates !== void 0 && dates.to ? _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.to) * 1000) : null;
|
|
144
148
|
setFromDate(fromDateTemp);
|
|
145
149
|
setToDate(toDateTemp);
|
|
146
|
-
if (onChange && _momentTimezone.default.isMoment(fromDateTemp) && _momentTimezone.default.isMoment(toDateTemp)) {
|
|
150
|
+
if (onChange && step !== "range" && _momentTimezone.default.isMoment(fromDateTemp) && _momentTimezone.default.isMoment(toDateTemp)) {
|
|
147
151
|
onChange(fromDateTemp.toDate(), toDateTemp.toDate());
|
|
148
152
|
}
|
|
149
|
-
}, [onChange,
|
|
153
|
+
}, [onChange, step]);
|
|
154
|
+
var onToggleDatePicker = (0, _react.useCallback)(function (open) {
|
|
155
|
+
if (step === "range" && !open) {
|
|
156
|
+
var toDateTemp = toDate ? toDate : fromDate;
|
|
157
|
+
setToDate(toDateTemp);
|
|
158
|
+
onChange === null || onChange === void 0 || onChange(fromDate.toDate(), toDateTemp.toDate());
|
|
159
|
+
}
|
|
160
|
+
}, [fromDate, onChange, step, toDate]);
|
|
150
161
|
var isAfterMaxDate = (0, _react.useMemo)(function () {
|
|
151
|
-
return _momentTimezone.default.isMoment(maxValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
|
|
162
|
+
return _momentTimezone.default.isMoment(maxValue) && toDate && (0, _momentTimezone.default)(_momentTimezone.default.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
|
|
152
163
|
}, [maxValue, toDate]);
|
|
153
164
|
var isBeforeMinDate = (0, _react.useMemo)(function () {
|
|
154
|
-
return _momentTimezone.default.isMoment(minValue) && _momentTimezone.default.utc(_momentTimezone.default.utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
|
|
165
|
+
return _momentTimezone.default.isMoment(minValue) && toDate && _momentTimezone.default.utc(_momentTimezone.default.utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
|
|
155
166
|
}, [minValue, toDate]);
|
|
156
167
|
(0, _react.useEffect)(function () {
|
|
157
168
|
if (isBeforeMinDate) {
|
|
@@ -203,9 +214,14 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
|
|
|
203
214
|
}, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
|
|
204
215
|
(0, _react.useEffect)(function () {
|
|
205
216
|
setFromDate(_momentTimezone.default.utc(from));
|
|
206
|
-
setToDate(_momentTimezone.default.utc(to));
|
|
217
|
+
setToDate(to ? _momentTimezone.default.utc(to) : null);
|
|
207
218
|
}, [from, to]);
|
|
208
219
|
var dateStepperWidth = function dateStepperWidth(fromDay, toDay, range) {
|
|
220
|
+
if (range === "range") {
|
|
221
|
+
return {
|
|
222
|
+
minWidth: "102px"
|
|
223
|
+
};
|
|
224
|
+
}
|
|
209
225
|
if (fromDay.utc().year() !== _momentTimezone.default.utc().year() || toDay.utc().year() !== _momentTimezone.default.utc().year()) {
|
|
210
226
|
switch (range) {
|
|
211
227
|
case "daily":
|
|
@@ -272,13 +288,15 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
|
|
|
272
288
|
style: dateStepperWidth(fromDate, toDate, step)
|
|
273
289
|
}, withDatePicker && step !== "yearly" ? /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
|
|
274
290
|
month: defaultMonth,
|
|
291
|
+
onCalendarToggle: onToggleDatePicker,
|
|
275
292
|
target: /*#__PURE__*/_react.default.createElement(_Styles.StyledButton, {
|
|
293
|
+
$step: step,
|
|
276
294
|
type: "button"
|
|
277
295
|
}, getDateFormatted),
|
|
278
296
|
mode: datePickerMode,
|
|
279
297
|
selected: {
|
|
280
298
|
from: _momentTimezone.default.utc(fromDate).unix(),
|
|
281
|
-
to: _momentTimezone.default.utc(toDate).unix()
|
|
299
|
+
to: toDate ? _momentTimezone.default.utc(toDate).unix() : null
|
|
282
300
|
},
|
|
283
301
|
onChange: onDatePickerChange,
|
|
284
302
|
firstDayOfWeek: period === "week" ? 0 : 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_momentTimezone","_Styles","_DatePicker","_Icons","_ArrowLeft","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","DateStepper","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","moment","enableYearPicker","_ref$position","position","popperClassName","_ref$mode","mode","_ref$alwaysShowDate","alwaysShowDate","_ref$disableArrows","disableArrows","_useState","useState","utc","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","daysDiff","diff","daysToMove","newFromDate","newToDate","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","concat","quarter","isValid","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onLeftClickHandler","_getDatesByPeriod3","_getDatesByPeriod4","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","StyledDiv","$isTargetable","$isRounded","$mode","$alwaysShowDate","style","DatePicker","month","target","StyledButton","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","StyledSpan","ArrowRightIcon","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledSpan,\n StyledControl,\n} from \"./Styles\";\nimport { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { InputMode } from \"../../Input/types\";\n\nexport interface IDateStepperProps {\n /** One of the possible steps for this component */\n step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"range\";\n /** Callback function that will be called after the changed range */\n onChange?: (from: Date, to: Date) => void;\n /** Start date of the range */\n from: Moment | string;\n /** End date of the range */\n to: Moment | string;\n /** Callback function that will format the text label */\n formatCallback?: (from: string | Moment, to: string | Moment) => string;\n /** Default month */\n defaultMonth?: Moment;\n /** Callback function onBack */\n onBack?: (from: Date, to: Date) => void;\n /** Callback function onForward */\n onForward?: (from: Date, to: Date) => void;\n /** Min date */\n minValue?: Moment;\n /** Max fate */\n maxValue?: Moment;\n /** html class */\n className?: string;\n /** Period for calculating week (isoWeek) */\n period?: \"week\" | \"isoWeek\";\n /** Classes for datePicker */\n datePickerClass?: string;\n /** Show datePicker in the middle button */\n withDatePicker?: boolean;\n /** Popper class name*/\n popperClassName?: string;\n /** DatePicker menu position */\n position?: Placement;\n /** Enable year picker in DatePicker */\n enableYearPicker?: boolean;\n /** conditional border & button variant styles */\n mode?: InputMode;\n /** preserve date on smaller screens */\n alwaysShowDate?: boolean;\n /** Hide navigation arrows */\n disableArrows?: boolean;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepper: FC<IDateStepperProps> = ({\n step,\n formatCallback,\n onChange,\n from,\n to,\n onBack,\n onForward,\n minValue,\n maxValue,\n className,\n period = \"week\",\n withDatePicker = true,\n defaultMonth = moment(),\n enableYearPicker,\n position = \"bottom\",\n popperClassName,\n mode = \"outlined\",\n alwaysShowDate = false,\n disableArrows = false,\n}) => {\n const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n const [toDate, setToDate] = useState<Moment>(moment.utc(to));\n\n const getDatesByPeriod = useCallback(\n (interval: number): Moment[] => {\n const date = fromDate ? fromDate : moment();\n if (step === \"daily\") {\n date.add(interval, \"days\");\n return [date, date.clone()];\n } else if (step === \"weekly\") {\n date.add(interval, \"weeks\");\n return [date.clone().startOf(period), date.clone().endOf(period)];\n } else if (step === \"monthly\") {\n date.add(interval, \"months\");\n return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n } else if (step === \"quarterly\") {\n date.add(interval, \"quarters\");\n return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n } else if (step === \"yearly\") {\n date.add(interval, \"years\");\n return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n } else if (step === \"range\") {\n // For range step, calculate N days based on current selection\n const daysDiff = toDate.diff(fromDate, \"days\");\n // If same day selected (daysDiff = 0), move by 1 day\n const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;\n const newFromDate = fromDate.clone().add(interval * daysToMove, \"days\");\n const newToDate =\n daysDiff === 0\n ? newFromDate.clone()\n : toDate.clone().add(interval * daysToMove, \"days\");\n return [newFromDate, newToDate];\n }\n return [date, date];\n },\n [fromDate, toDate, period, step]\n );\n\n const getDateFormatted = useMemo(() => {\n if (formatCallback) {\n return formatCallback(fromDate, toDate);\n }\n\n const actualYear = moment().year();\n\n const showWeekOrCustomDateFormat = (start, end): string => {\n if (start.year() === actualYear && end.year() === actualYear) {\n return (\n start.utc().format(\"MMM DD\") + \" - \" + end.utc().format(\"MMM DD\")\n );\n } else {\n return (\n start.utc().format(\"MMM DD YYYY\") +\n \" - \" +\n end.utc().format(\"MMM DD YYYY\")\n );\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().utc().startOf(period);\n const endDate = startDate.clone().utc().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.utc().format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.utc().format(\"YYYY\");\n } else if (step === \"range\") {\n // For range step, if toDate is invalid or at epoch (1970), only show fromDate\n if (!toDate.isValid() || toDate.year() === 1970) {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n }\n // If from and to are the same date, show only once\n if (fromDate.format(\"YYYY-MM-DD\") === toDate.format(\"YYYY-MM-DD\")) {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n }\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, toDate, step, formatCallback, period]);\n\n const datePickerMode = useMemo(() => {\n if (step === \"range\") return \"custom\";\n if (step === \"yearly\") return \"custom\";\n return step;\n }, [step]);\n\n const onDatePickerChange = useCallback(\n (dates?: TimestampDateRange) => {\n const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n const toDateTemp: Moment = moment.utc(Number(dates?.to) * 1000);\n\n setFromDate(fromDateTemp);\n setToDate(toDateTemp);\n\n if (\n onChange &&\n moment.isMoment(fromDateTemp) &&\n moment.isMoment(toDateTemp)\n ) {\n onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n moment.isMoment(maxValue) &&\n moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.utc().format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n moment.isMoment(minValue) &&\n moment\n .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment.utc(minValue));\n setToDate(moment.utc(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment.utc(maxValue));\n setToDate(moment.utc(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n const [newFrom, newTo] = getDatesByPeriod(1);\n setFromDate(moment.utc(newFrom));\n setToDate(moment.utc(newTo));\n\n if (onChange) {\n onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n\n if (onForward) {\n onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n const [newFrom, newTo] = getDatesByPeriod(-1);\n setFromDate(moment.utc(newFrom));\n setToDate(moment.utc(newTo));\n\n if (onChange) {\n onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n if (onBack) {\n onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n useEffect(() => {\n setFromDate(moment.utc(from));\n setToDate(moment.utc(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.utc().year() !== moment.utc().year() ||\n toDay.utc().year() !== moment.utc().year()\n ) {\n switch (range) {\n case \"daily\":\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"232px\" };\n }\n }\n switch (range) {\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"182px\" };\n }\n\n return { minWidth: \"102px\" };\n };\n const isDisabled = useCallback(\n (day: Moment): boolean => {\n const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n moment.isMoment(maxValue) &&\n moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n moment.isMoment(minValue) &&\n moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore || isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(\n () => ({\n disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n nonWorkingDay: (day: Moment) => ({\n matched: isDisabled(day),\n title: null,\n }),\n }),\n [isDisabled]\n );\n\n return (\n <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n {!disableArrows ? (\n <StyledControl\n type=\"button\"\n variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n onClick={onLeftClickHandler}\n disabled={isBeforeMinDate}\n >\n <ArrowLeftIcon />\n </StyledControl>\n ) : null}\n <StyledDiv\n $isTargetable={step === \"yearly\" || !withDatePicker}\n $isRounded={disableArrows}\n $mode={mode}\n $alwaysShowDate={alwaysShowDate}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker && step !== \"yearly\" ? (\n <DatePicker\n month={defaultMonth}\n target={\n <StyledButton type=\"button\">{getDateFormatted}</StyledButton>\n }\n mode={datePickerMode}\n selected={{\n from: moment.utc(fromDate).unix(),\n to: moment.utc(toDate).unix(),\n }}\n onChange={onDatePickerChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n disabledDaysAfter={maxValue}\n disabledDaysBefore={minValue}\n disableYearPicker={!enableYearPicker}\n popperClassName={popperClassName}\n position={position}\n key={datePickerMode}\n instant\n required\n />\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {!disableArrows ? (\n <StyledControl\n type=\"button\"\n variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n onClick={onRightClickHandler}\n disabled={isAfterMaxDate}\n >\n <ArrowRightIcon />\n </StyledControl>\n ) : null}\n </StyledButtonGroup>\n );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAOA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AAA6D,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,wBAAAS,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAiB,eAAAf,CAAA,EAAAL,CAAA,WAAAqB,eAAA,CAAAhB,CAAA,KAAAiB,qBAAA,CAAAjB,CAAA,EAAAL,CAAA,KAAAuB,2BAAA,CAAAlB,CAAA,EAAAL,CAAA,KAAAwB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAlB,CAAA,EAAAqB,CAAA,QAAArB,CAAA,2BAAAA,CAAA,SAAAsB,iBAAA,CAAAtB,CAAA,EAAAqB,CAAA,OAAAvB,CAAA,MAAAyB,QAAA,CAAAZ,IAAA,CAAAX,CAAA,EAAAwB,KAAA,6BAAA1B,CAAA,IAAAE,CAAA,CAAAyB,WAAA,KAAA3B,CAAA,GAAAE,CAAA,CAAAyB,WAAA,CAAAC,IAAA,aAAA5B,CAAA,cAAAA,CAAA,GAAA6B,KAAA,CAAAC,IAAA,CAAA5B,CAAA,oBAAAF,CAAA,+CAAA+B,IAAA,CAAA/B,CAAA,IAAAwB,iBAAA,CAAAtB,CAAA,EAAAqB,CAAA;AAAA,SAAAC,kBAAAtB,CAAA,EAAAqB,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAArB,CAAA,CAAA8B,MAAA,MAAAT,CAAA,GAAArB,CAAA,CAAA8B,MAAA,YAAAnC,CAAA,MAAAM,CAAA,GAAA0B,KAAA,CAAAN,CAAA,GAAA1B,CAAA,GAAA0B,CAAA,EAAA1B,CAAA,IAAAM,CAAA,CAAAN,CAAA,IAAAK,CAAA,CAAAL,CAAA,UAAAM,CAAA;AAAA,SAAAgB,sBAAAjB,CAAA,EAAA+B,CAAA,QAAAjC,CAAA,WAAAE,CAAA,gCAAAgC,MAAA,IAAAhC,CAAA,CAAAgC,MAAA,CAAAC,QAAA,KAAAjC,CAAA,4BAAAF,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAE,CAAA,EAAA+B,CAAA,EAAAb,CAAA,OAAAjB,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAL,CAAA,GAAAA,CAAA,CAAAa,IAAA,CAAAX,CAAA,GAAAmC,IAAA,QAAAJ,CAAA,QAAAnB,MAAA,CAAAd,CAAA,MAAAA,CAAA,UAAAM,CAAA,uBAAAA,CAAA,IAAAT,CAAA,GAAAQ,CAAA,CAAAQ,IAAA,CAAAb,CAAA,GAAAsC,IAAA,MAAAf,CAAA,CAAAgB,IAAA,CAAA1C,CAAA,CAAA2C,KAAA,GAAAjB,CAAA,CAAAS,MAAA,KAAAC,CAAA,GAAA3B,CAAA,iBAAAJ,CAAA,IAAAE,CAAA,OAAAD,CAAA,GAAAD,CAAA,yBAAAI,CAAA,YAAAN,CAAA,CAAAyC,MAAA,KAAAL,CAAA,GAAApC,CAAA,CAAAyC,MAAA,IAAA3B,MAAA,CAAAsB,CAAA,MAAAA,CAAA,2BAAAhC,CAAA,QAAAD,CAAA,aAAAoB,CAAA;AAAA,SAAAL,gBAAAhB,CAAA,QAAA2B,KAAA,CAAAa,OAAA,CAAAxC,CAAA,UAAAA,CAAA;AA8C7D;AACA;AACA;AACA;;AAEO,IAAMyC,WAAkC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAArCA,WAAkCA,CAAAE,IAAA,EAoBzC;EAAA,IAnBJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRlB,IAAI,GAAAe,IAAA,CAAJf,IAAI;IACJmB,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAAC,WAAA,GAAAV,IAAA,CACTW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAAE,mBAAA,GAAAZ,IAAA,CACfa,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,IAAI,GAAAA,mBAAA;IAAAE,iBAAA,GAAAd,IAAA,CACrBe,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,IAAAE,uBAAM,EAAC,CAAC,GAAAF,iBAAA;IACvBG,gBAAgB,GAAAjB,IAAA,CAAhBiB,gBAAgB;IAAAC,aAAA,GAAAlB,IAAA,CAChBmB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,QAAQ,GAAAA,aAAA;IACnBE,eAAe,GAAApB,IAAA,CAAfoB,eAAe;IAAAC,SAAA,GAAArB,IAAA,CACfsB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,UAAU,GAAAA,SAAA;IAAAE,mBAAA,GAAAvB,IAAA,CACjBwB,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAAE,kBAAA,GAAAzB,IAAA,CACtB0B,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;EAErB,IAAAE,SAAA,GAAgC,IAAAC,eAAQ,EAASZ,uBAAM,CAACa,GAAG,CAAC5C,IAAI,CAAC,CAAC;IAAA6C,UAAA,GAAA1D,cAAA,CAAAuD,SAAA;IAA3DI,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAA4B,IAAAL,eAAQ,EAASZ,uBAAM,CAACa,GAAG,CAACzB,EAAE,CAAC,CAAC;IAAA8B,UAAA,GAAA9D,cAAA,CAAA6D,UAAA;IAArDE,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExB,IAAMG,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,UAACC,QAAgB,EAAe;IAC9B,IAAMC,IAAI,GAAGT,QAAQ,GAAGA,QAAQ,GAAG,IAAAf,uBAAM,EAAC,CAAC;IAC3C,IAAIf,IAAI,KAAK,OAAO,EAAE;MACpBuC,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAE,MAAM,CAAC;MAC1B,OAAO,CAACC,IAAI,EAAEA,IAAI,CAACE,KAAK,CAAC,CAAC,CAAC;IAC7B,CAAC,MAAM,IAAIzC,IAAI,KAAK,QAAQ,EAAE;MAC5BuC,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAE,OAAO,CAAC;MAC3B,OAAO,CAACC,IAAI,CAACE,KAAK,CAAC,CAAC,CAACC,OAAO,CAAChC,MAAM,CAAC,EAAE6B,IAAI,CAACE,KAAK,CAAC,CAAC,CAACE,KAAK,CAACjC,MAAM,CAAC,CAAC;IACnE,CAAC,MAAM,IAAIV,IAAI,KAAK,SAAS,EAAE;MAC7BuC,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAE,QAAQ,CAAC;MAC5B,OAAO,CAACC,IAAI,CAACE,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,OAAO,CAAC,EAAEH,IAAI,CAACE,KAAK,CAAC,CAAC,CAACE,KAAK,CAAC,OAAO,CAAC,CAAC;IACrE,CAAC,MAAM,IAAI3C,IAAI,KAAK,WAAW,EAAE;MAC/BuC,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAE,UAAU,CAAC;MAC9B,OAAO,CAACC,IAAI,CAACE,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,SAAS,CAAC,EAAEH,IAAI,CAACE,KAAK,CAAC,CAAC,CAACE,KAAK,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC,MAAM,IAAI3C,IAAI,KAAK,QAAQ,EAAE;MAC5BuC,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAE,OAAO,CAAC;MAC3B,OAAO,CAACC,IAAI,CAACE,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,CAAC,EAAEH,IAAI,CAACE,KAAK,CAAC,CAAC,CAACE,KAAK,CAAC,MAAM,CAAC,CAAC;IACnE,CAAC,MAAM,IAAI3C,IAAI,KAAK,OAAO,EAAE;MAC3B;MACA,IAAM4C,QAAQ,GAAGV,MAAM,CAACW,IAAI,CAACf,QAAQ,EAAE,MAAM,CAAC;MAC9C;MACA,IAAMgB,UAAU,GAAGF,QAAQ,KAAK,CAAC,GAAG,CAAC,GAAGA,QAAQ,GAAG,CAAC;MACpD,IAAMG,WAAW,GAAGjB,QAAQ,CAACW,KAAK,CAAC,CAAC,CAACD,GAAG,CAACF,QAAQ,GAAGQ,UAAU,EAAE,MAAM,CAAC;MACvE,IAAME,SAAS,GACbJ,QAAQ,KAAK,CAAC,GACVG,WAAW,CAACN,KAAK,CAAC,CAAC,GACnBP,MAAM,CAACO,KAAK,CAAC,CAAC,CAACD,GAAG,CAACF,QAAQ,GAAGQ,UAAU,EAAE,MAAM,CAAC;MACvD,OAAO,CAACC,WAAW,EAAEC,SAAS,CAAC;IACjC;IACA,OAAO,CAACT,IAAI,EAAEA,IAAI,CAAC;EACrB,CAAC,EACD,CAACT,QAAQ,EAAEI,MAAM,EAAExB,MAAM,EAAEV,IAAI,CACjC,CAAC;EAED,IAAMiD,gBAAgB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACrC,IAAIjD,cAAc,EAAE;MAClB,OAAOA,cAAc,CAAC6B,QAAQ,EAAEI,MAAM,CAAC;IACzC;IAEA,IAAMiB,UAAU,GAAG,IAAApC,uBAAM,EAAC,CAAC,CAACqC,IAAI,CAAC,CAAC;IAElC,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIC,KAAK,EAAEC,GAAG,EAAa;MACzD,IAAID,KAAK,CAACF,IAAI,CAAC,CAAC,KAAKD,UAAU,IAAII,GAAG,CAACH,IAAI,CAAC,CAAC,KAAKD,UAAU,EAAE;QAC5D,OACEG,KAAK,CAAC1B,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,GAAGD,GAAG,CAAC3B,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,QAAQ,CAAC;MAErE,CAAC,MAAM;QACL,OACEF,KAAK,CAAC1B,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,aAAa,CAAC,GACjC,KAAK,GACLD,GAAG,CAAC3B,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,aAAa,CAAC;MAEnC;IACF,CAAC;IAED,IAAIxD,IAAI,KAAK,OAAO,EAAE;MACpB,IAAI8B,QAAQ,CAACsB,IAAI,CAAC,CAAC,KAAKD,UAAU,EAAE;QAClC,OAAOrB,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,QAAQ,CAAC;MACxC;MACA,OAAO1B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,aAAa,CAAC;IAC7C,CAAC,MAAM,IAAIxD,IAAI,KAAK,QAAQ,EAAE;MAC5B,IAAMyD,SAAS,GAAG3B,QAAQ,CAACW,KAAK,CAAC,CAAC,CAACb,GAAG,CAAC,CAAC,CAACc,OAAO,CAAChC,MAAM,CAAC;MACxD,IAAMgD,OAAO,GAAGD,SAAS,CAAChB,KAAK,CAAC,CAAC,CAACb,GAAG,CAAC,CAAC,CAACe,KAAK,CAACjC,MAAM,CAAC;MACrD,OAAO2C,0BAA0B,CAACI,SAAS,EAAEC,OAAO,CAAC;IACvD,CAAC,MAAM,IAAI1D,IAAI,KAAK,SAAS,EAAE;MAC7B,OAAO8B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,UAAU,CAAC;IAC1C,CAAC,MAAM,IAAIxD,IAAI,KAAK,WAAW,EAAE;MAC/B,WAAA2D,MAAA,CAAW7B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAACgC,OAAO,CAAC,CAAC,OAAAD,MAAA,CAAI7B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,MAAM,CAAC;IACtE,CAAC,MAAM,IAAIxD,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAO8B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,MAAM,CAAC;IACtC,CAAC,MAAM,IAAIxD,IAAI,KAAK,OAAO,EAAE;MAC3B;MACA,IAAI,CAACkC,MAAM,CAAC2B,OAAO,CAAC,CAAC,IAAI3B,MAAM,CAACkB,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE;QAC/C,IAAItB,QAAQ,CAACsB,IAAI,CAAC,CAAC,KAAKD,UAAU,EAAE;UAClC,OAAOrB,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,QAAQ,CAAC;QACxC;QACA,OAAO1B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,aAAa,CAAC;MAC7C;MACA;MACA,IAAI1B,QAAQ,CAAC0B,MAAM,CAAC,YAAY,CAAC,KAAKtB,MAAM,CAACsB,MAAM,CAAC,YAAY,CAAC,EAAE;QACjE,IAAI1B,QAAQ,CAACsB,IAAI,CAAC,CAAC,KAAKD,UAAU,EAAE;UAClC,OAAOrB,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,QAAQ,CAAC;QACxC;QACA,OAAO1B,QAAQ,CAACF,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,aAAa,CAAC;MAC7C;MACA,OAAOH,0BAA0B,CAACvB,QAAQ,EAAEI,MAAM,CAAC;IACrD;IAEA,OAAO,EAAE;EACX,CAAC,EAAE,CAACJ,QAAQ,EAAEI,MAAM,EAAElC,IAAI,EAAEC,cAAc,EAAES,MAAM,CAAC,CAAC;EAEpD,IAAMoD,cAAc,GAAG,IAAAZ,cAAO,EAAC,YAAM;IACnC,IAAIlD,IAAI,KAAK,OAAO,EAAE,OAAO,QAAQ;IACrC,IAAIA,IAAI,KAAK,QAAQ,EAAE,OAAO,QAAQ;IACtC,OAAOA,IAAI;EACb,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAM+D,kBAAkB,GAAG,IAAA1B,kBAAW,EACpC,UAAC2B,KAA0B,EAAK;IAC9B,IAAMC,YAAoB,GAAGlD,uBAAM,CAACa,GAAG,CAACsC,MAAM,CAACF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEhF,IAAI,CAAC,GAAG,IAAI,CAAC;IACnE,IAAMmF,UAAkB,GAAGpD,uBAAM,CAACa,GAAG,CAACsC,MAAM,CAACF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE7D,EAAE,CAAC,GAAG,IAAI,CAAC;IAE/D4B,WAAW,CAACkC,YAAY,CAAC;IACzB9B,SAAS,CAACgC,UAAU,CAAC;IAErB,IACEjE,QAAQ,IACRa,uBAAM,CAACqD,QAAQ,CAACH,YAAY,CAAC,IAC7BlD,uBAAM,CAACqD,QAAQ,CAACD,UAAU,CAAC,EAC3B;MACAjE,QAAQ,CAAC+D,YAAY,CAAC/B,MAAM,CAAC,CAAC,EAAEiC,UAAU,CAACjC,MAAM,CAAC,CAAC,CAAC;IACtD;EACF,CAAC,EACD,CAAChC,QAAQ,EAAE6B,WAAW,EAAEI,SAAS,CACnC,CAAC;EAED,IAAMkC,cAAc,GAAG,IAAAnB,cAAO,EAAC,YAAM;IACnC,OACEnC,uBAAM,CAACqD,QAAQ,CAAC7D,QAAQ,CAAC,IACzB,IAAAQ,uBAAM,EAACA,uBAAM,CAACa,GAAG,CAACrB,QAAQ,CAAC,CAACiD,MAAM,CAAC,YAAY,CAAC,CAAC,CAACc,cAAc,CAC9DpC,MAAM,CAACN,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,YAAY,CAClC,CAAC;EAEL,CAAC,EAAE,CAACjD,QAAQ,EAAE2B,MAAM,CAAC,CAAC;EAEtB,IAAMqC,eAAe,GAAG,IAAArB,cAAO,EAAC,YAAM;IACpC,OACEnC,uBAAM,CAACqD,QAAQ,CAAC9D,QAAQ,CAAC,IACzBS,uBAAM,CACHa,GAAG,CAACb,uBAAM,CAACa,GAAG,CAACtB,QAAQ,CAAC,CAACkD,MAAM,CAAC,YAAY,CAAC,CAAC,CAC9CgB,aAAa,CAACtC,MAAM,CAACN,GAAG,CAAC,CAAC,CAAC4B,MAAM,CAAC,YAAY,CAAC,CAAC;EAEvD,CAAC,EAAE,CAAClD,QAAQ,EAAE4B,MAAM,CAAC,CAAC;EAEtB,IAAAuC,gBAAS,EAAC,YAAM;IACd,IAAIF,eAAe,EAAE;MACnB,IAAIvE,IAAI,KAAK,OAAO,EAAE;QACpB+B,WAAW,CAAChB,uBAAM,CAACa,GAAG,CAACtB,QAAQ,CAAC,CAAC;QACjC6B,SAAS,CAACpB,uBAAM,CAACa,GAAG,CAACtB,QAAQ,CAAC,CAAC;MACjC;IACF;IACA,IAAI+D,cAAc,EAAE;MAClB,IAAIrE,IAAI,KAAK,OAAO,EAAE;QACpB+B,WAAW,CAAChB,uBAAM,CAACa,GAAG,CAACrB,QAAQ,CAAC,CAAC;QACjC4B,SAAS,CAACpB,uBAAM,CAACa,GAAG,CAACrB,QAAQ,CAAC,CAAC;MACjC;IACF;EACF,CAAC,EAAE,CAACP,IAAI,EAAEM,QAAQ,EAAEC,QAAQ,EAAEgE,eAAe,EAAEF,cAAc,CAAC,CAAC;EAE/D,IAAMK,mBAAmB,GAAG,IAAArC,kBAAW,EAAC,YAAM;IAC5C,IAAIgC,cAAc,EAAE;MAClB;IACF;IAEA,IAAAM,iBAAA,GAAyBvC,gBAAgB,CAAC,CAAC,CAAC;MAAAwC,kBAAA,GAAAzG,cAAA,CAAAwG,iBAAA;MAArCE,OAAO,GAAAD,kBAAA;MAAEE,KAAK,GAAAF,kBAAA;IACrB7C,WAAW,CAAChB,uBAAM,CAACa,GAAG,CAACiD,OAAO,CAAC,CAAC;IAChC1C,SAAS,CAACpB,uBAAM,CAACa,GAAG,CAACkD,KAAK,CAAC,CAAC;IAE5B,IAAI5E,QAAQ,EAAE;MACZA,QAAQ,CAACa,uBAAM,CAACa,GAAG,CAACiD,OAAO,CAAC,CAAC3C,MAAM,CAAC,CAAC,EAAEnB,uBAAM,CAACa,GAAG,CAACkD,KAAK,CAAC,CAAC5C,MAAM,CAAC,CAAC,CAAC;IACpE;IAEA,IAAI7B,SAAS,EAAE;MACbA,SAAS,CAACU,uBAAM,CAACa,GAAG,CAACiD,OAAO,CAAC,CAAC3C,MAAM,CAAC,CAAC,EAAEnB,uBAAM,CAACa,GAAG,CAACkD,KAAK,CAAC,CAAC5C,MAAM,CAAC,CAAC,CAAC;IACrE;EACF,CAAC,EAAE,CAACmC,cAAc,EAAEjC,gBAAgB,EAAElC,QAAQ,EAAEG,SAAS,CAAC,CAAC;EAE3D,IAAM0E,kBAAkB,GAAG,IAAA1C,kBAAW,EAAC,YAAM;IAC3C,IAAIkC,eAAe,EAAE;MACnB;IACF;IAEA,IAAAS,kBAAA,GAAyB5C,gBAAgB,CAAC,CAAC,CAAC,CAAC;MAAA6C,kBAAA,GAAA9G,cAAA,CAAA6G,kBAAA;MAAtCH,OAAO,GAAAI,kBAAA;MAAEH,KAAK,GAAAG,kBAAA;IACrBlD,WAAW,CAAChB,uBAAM,CAACa,GAAG,CAACiD,OAAO,CAAC,CAAC;IAChC1C,SAAS,CAACpB,uBAAM,CAACa,GAAG,CAACkD,KAAK,CAAC,CAAC;IAE5B,IAAI5E,QAAQ,EAAE;MACZA,QAAQ,CAACa,uBAAM,CAACa,GAAG,CAACiD,OAAO,CAAC,CAAC3C,MAAM,CAAC,CAAC,EAAEnB,uBAAM,CAACa,GAAG,CAACkD,KAAK,CAAC,CAAC5C,MAAM,CAAC,CAAC,CAAC;IACpE;IACA,IAAI9B,MAAM,EAAE;MACVA,MAAM,CAACW,uBAAM,CAACa,GAAG,CAACiD,OAAO,CAAC,CAAC3C,MAAM,CAAC,CAAC,EAAEnB,uBAAM,CAACa,GAAG,CAACkD,KAAK,CAAC,CAAC5C,MAAM,CAAC,CAAC,CAAC;IAClE;EACF,CAAC,EAAE,CAACqC,eAAe,EAAEnC,gBAAgB,EAAElC,QAAQ,EAAEE,MAAM,CAAC,CAAC;EAEzD,IAAAqE,gBAAS,EAAC,YAAM;IACd1C,WAAW,CAAChB,uBAAM,CAACa,GAAG,CAAC5C,IAAI,CAAC,CAAC;IAC7BmD,SAAS,CAACpB,uBAAM,CAACa,GAAG,CAACzB,EAAE,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACnB,IAAI,EAAEmB,EAAE,CAAC,CAAC;EAEd,IAAM+E,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBC,OAAe,EACfC,KAAa,EACbC,KAAa,EACY;IACzB,IACEF,OAAO,CAACvD,GAAG,CAAC,CAAC,CAACwB,IAAI,CAAC,CAAC,KAAKrC,uBAAM,CAACa,GAAG,CAAC,CAAC,CAACwB,IAAI,CAAC,CAAC,IAC5CgC,KAAK,CAACxD,GAAG,CAAC,CAAC,CAACwB,IAAI,CAAC,CAAC,KAAKrC,uBAAM,CAACa,GAAG,CAAC,CAAC,CAACwB,IAAI,CAAC,CAAC,EAC1C;MACA,QAAQiC,KAAK;QACX,KAAK,OAAO;QACZ,KAAK,SAAS;UACZ,OAAO;YAAEC,QAAQ,EAAE;UAAQ,CAAC;QAC9B,KAAK,QAAQ;QACb,KAAK,QAAQ;UACX,OAAO;YAAEA,QAAQ,EAAE;UAAQ,CAAC;MAChC;IACF;IACA,QAAQD,KAAK;MACX,KAAK,SAAS;QACZ,OAAO;UAAEC,QAAQ,EAAE;QAAQ,CAAC;MAC9B,KAAK,QAAQ;MACb,KAAK,QAAQ;QACX,OAAO;UAAEA,QAAQ,EAAE;QAAQ,CAAC;IAChC;IAEA,OAAO;MAAEA,QAAQ,EAAE;IAAQ,CAAC;EAC9B,CAAC;EACD,IAAMC,UAAU,GAAG,IAAAlD,kBAAW,EAC5B,UAACmD,GAAW,EAAc;IACxB,IAAMC,SAAS,GAAG1E,uBAAM,CAACa,GAAG,CAAC4D,GAAG,CAAC,CAAChC,MAAM,CAAC,YAAY,CAAC;IAEtD,IAAMkC,QAAQ,GACZ3E,uBAAM,CAACqD,QAAQ,CAAC7D,QAAQ,CAAC,IACzB,IAAAQ,uBAAM,EAACA,uBAAM,CAACa,GAAG,CAACrB,QAAQ,CAAC,CAACiD,MAAM,CAAC,YAAY,CAAC,CAAC,CAACkC,QAAQ,CAACD,SAAS,CAAC;IACvE,IAAME,OAAO,GACX5E,uBAAM,CAACqD,QAAQ,CAAC9D,QAAQ,CAAC,IACzB,IAAAS,uBAAM,EAACA,uBAAM,CAACa,GAAG,CAACtB,QAAQ,CAAC,CAACkD,MAAM,CAAC,YAAY,CAAC,CAAC,CAACmC,OAAO,CAACF,SAAS,CAAC;IAEtE,OAAOC,QAAQ,IAAIC,OAAO;EAC5B,CAAC,EACD,CAACpF,QAAQ,EAAED,QAAQ,CACrB,CAAC;EAED,IAAMsF,SAAS,GAAG,IAAA1C,cAAO,EACvB;IAAA,OAAO;MACL2C,QAAQ,EAAE,SAAVA,QAAQA,CAAGL,GAAW;QAAA,OAAM;UAAEM,OAAO,EAAEP,UAAU,CAACC,GAAG,CAAC;UAAEO,KAAK,EAAE;QAAK,CAAC;MAAA,CAAC;MACtEC,aAAa,EAAE,SAAfA,aAAaA,CAAGR,GAAW;QAAA,OAAM;UAC/BM,OAAO,EAAEP,UAAU,CAACC,GAAG,CAAC;UACxBO,KAAK,EAAE;QACT,CAAC;MAAA;IACH,CAAC;EAAA,CAAC,EACF,CAACR,UAAU,CACb,CAAC;EAED,oBACElJ,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACtJ,OAAA,CAAAuJ,iBAAiB;IAAC1F,SAAS,EAAE,IAAA2F,mBAAU,EAAC,gBAAgB,EAAE3F,SAAS;EAAE,GACnE,CAACiB,aAAa,gBACbpF,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACtJ,OAAA,CAAAyJ,aAAa;IACZC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEjF,IAAI,KAAK,MAAM,GAAG,WAAW,GAAG,WAAY;IACrDkF,OAAO,EAAExB,kBAAmB;IAC5Bc,QAAQ,EAAEtB;EAAgB,gBAE1BlI,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACnJ,UAAA,CAAAG,OAAa,MAAE,CACH,CAAC,GACd,IAAI,eACRZ,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACtJ,OAAA,CAAA6J,SAAS;IACRC,aAAa,EAAEzG,IAAI,KAAK,QAAQ,IAAI,CAACY,cAAe;IACpD8F,UAAU,EAAEjF,aAAc;IAC1BkF,KAAK,EAAEtF,IAAK;IACZuF,eAAe,EAAErF,cAAe;IAChCsF,KAAK,EAAE3B,gBAAgB,CAACpD,QAAQ,EAAEI,MAAM,EAAElC,IAAI;EAAE,GAE/CY,cAAc,IAAIZ,IAAI,KAAK,QAAQ,gBAClC3D,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACrJ,WAAA,CAAAkK,UAAU;IACTC,KAAK,EAAEjG,YAAa;IACpBkG,MAAM,eACJ3K,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACtJ,OAAA,CAAAsK,YAAY;MAACZ,IAAI,EAAC;IAAQ,GAAEpD,gBAA+B,CAC7D;IACD5B,IAAI,EAAEyC,cAAe;IACrBoD,QAAQ,EAAE;MACRlI,IAAI,EAAE+B,uBAAM,CAACa,GAAG,CAACE,QAAQ,CAAC,CAACqF,IAAI,CAAC,CAAC;MACjChH,EAAE,EAAEY,uBAAM,CAACa,GAAG,CAACM,MAAM,CAAC,CAACiF,IAAI,CAAC;IAC9B,CAAE;IACFjH,QAAQ,EAAE6D,kBAAmB;IAC7BqD,cAAc,EAAE1G,MAAM,KAAK,MAAM,GAAG,CAAC,GAAG,CAAE;IAC1CkF,SAAS,EAAEA,SAAU;IACrByB,iBAAiB,EAAE9G,QAAS;IAC5B+G,kBAAkB,EAAEhH,QAAS;IAC7BiH,iBAAiB,EAAE,CAACvG,gBAAiB;IACrCG,eAAe,EAAEA,eAAgB;IACjCD,QAAQ,EAAEA,QAAS;IACnBsG,GAAG,EAAE1D,cAAe;IACpB2D,OAAO;IACPC,QAAQ;EAAA,CACT,CAAC,gBAEFrL,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACtJ,OAAA,CAAAgL,UAAU,QAAE1E,gBAA6B,CAEnC,CAAC,EACX,CAACxB,aAAa,gBACbpF,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACtJ,OAAA,CAAAyJ,aAAa;IACZC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEjF,IAAI,KAAK,MAAM,GAAG,WAAW,GAAG,WAAY;IACrDkF,OAAO,EAAE7B,mBAAoB;IAC7BmB,QAAQ,EAAExB;EAAe,gBAEzBhI,MAAA,CAAAY,OAAA,CAAAgJ,aAAA,CAACpJ,MAAA,CAAA+K,cAAc,MAAE,CACJ,CAAC,GACd,IACa,CAAC;AAExB,CAAC;AAED/H,WAAW,CAACgI,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_momentTimezone","_Styles","_DatePicker","_Icons","_ArrowLeft","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","DateStepper","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","moment","enableYearPicker","_ref$position","position","popperClassName","_ref$mode","mode","_ref$alwaysShowDate","alwaysShowDate","_ref$disableArrows","disableArrows","_useState","useState","utc","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","effectiveToDate","daysDiff","diff","daysToMove","newFromDate","newToDate","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","endDate","format","startDate","concat","quarter","datePickerMode","onDatePickerChange","dates","console","log","fromDateTemp","Number","toDateTemp","isMoment","onToggleDatePicker","open","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onLeftClickHandler","_getDatesByPeriod3","_getDatesByPeriod4","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","StyledDiv","$isTargetable","$isRounded","$mode","$alwaysShowDate","style","DatePicker","month","onCalendarToggle","target","StyledButton","$step","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","StyledSpan","ArrowRightIcon","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledSpan,\n StyledControl,\n} from \"./Styles\";\nimport { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { InputMode } from \"../../Input/types\";\n\nexport interface IDateStepperProps {\n /** One of the possible steps for this component */\n step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"range\";\n /** Callback function that will be called after the changed range */\n onChange?: (from: Date, to: Date | null) => void;\n /** Start date of the range */\n from: Moment | string;\n /** End date of the range */\n to?: Moment | string;\n /** Callback function that will format the text label */\n formatCallback?: (from: string | Moment, to: string | Moment) => string;\n /** Default month */\n defaultMonth?: Moment;\n /** Callback function onBack */\n onBack?: (from: Date, to: Date) => void;\n /** Callback function onForward */\n onForward?: (from: Date, to: Date) => void;\n /** Min date */\n minValue?: Moment;\n /** Max fate */\n maxValue?: Moment;\n /** html class */\n className?: string;\n /** Period for calculating week (isoWeek) */\n period?: \"week\" | \"isoWeek\";\n /** Classes for datePicker */\n datePickerClass?: string;\n /** Show datePicker in the middle button */\n withDatePicker?: boolean;\n /** Popper class name*/\n popperClassName?: string;\n /** DatePicker menu position */\n position?: Placement;\n /** Enable year picker in DatePicker */\n enableYearPicker?: boolean;\n /** conditional border & button variant styles */\n mode?: InputMode;\n /** preserve date on smaller screens */\n alwaysShowDate?: boolean;\n /** Hide navigation arrows */\n disableArrows?: boolean;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepper: FC<IDateStepperProps> = ({\n step,\n formatCallback,\n onChange,\n from,\n to,\n onBack,\n onForward,\n minValue,\n maxValue,\n className,\n period = \"week\",\n withDatePicker = true,\n defaultMonth = moment(),\n enableYearPicker,\n position = \"bottom\",\n popperClassName,\n mode = \"outlined\",\n alwaysShowDate = false,\n disableArrows = false,\n}) => {\n const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n const [toDate, setToDate] = useState<Moment>(to ? moment.utc(to) : null);\n\n const getDatesByPeriod = useCallback(\n (interval: number): Moment[] => {\n const date = fromDate ? fromDate : moment();\n if (step === \"daily\") {\n date.add(interval, \"days\");\n return [date, date.clone()];\n } else if (step === \"weekly\") {\n date.add(interval, \"weeks\");\n return [date.clone().startOf(period), date.clone().endOf(period)];\n } else if (step === \"monthly\") {\n date.add(interval, \"months\");\n return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n } else if (step === \"quarterly\") {\n date.add(interval, \"quarters\");\n return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n } else if (step === \"yearly\") {\n date.add(interval, \"years\");\n return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n } else if (step === \"range\") {\n // For range step, calculate N days based on current selection\n // Handle case where toDate is undefined\n const effectiveToDate = !toDate ? fromDate : toDate;\n\n const daysDiff = effectiveToDate.diff(fromDate, \"days\");\n\n // If same day selected (daysDiff = 0), move by 1 day\n const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;\n const newFromDate = fromDate.clone().add(interval * daysToMove, \"days\");\n const newToDate =\n daysDiff === 0\n ? newFromDate.clone()\n : effectiveToDate.clone().add(interval * daysToMove, \"days\");\n\n return [newFromDate, newToDate];\n }\n return [date, date];\n },\n [fromDate, toDate, period, step]\n );\n\n const getDateFormatted = useMemo(() => {\n if (formatCallback) {\n return formatCallback(fromDate, toDate ? toDate : fromDate);\n }\n\n const actualYear = moment().year();\n\n const showWeekOrCustomDateFormat = (start, end): string => {\n const endDate = end ? end : start;\n if (start.year() === actualYear && end.year() === actualYear) {\n return (\n start.utc().format(\"MMM DD\") + \" - \" + endDate.utc().format(\"MMM DD\")\n );\n } else {\n return (\n start.utc().format(\"MMM DD YYYY\") +\n \" - \" +\n endDate.utc().format(\"MMM DD YYYY\")\n );\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().utc().startOf(period);\n const endDate = startDate.clone().utc().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.utc().format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.utc().format(\"YYYY\");\n } else if (step === \"range\") {\n if (!toDate) {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n }\n // If from and to are the same date, show only once\n if (fromDate.format(\"YYYY-MM-DD\") === toDate.format(\"YYYY-MM-DD\")) {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n }\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, toDate, step, formatCallback, period]);\n\n const datePickerMode = useMemo(() => {\n if (step === \"range\") return \"custom\";\n if (step === \"yearly\") return \"custom\";\n return step;\n }, [step]);\n\n const onDatePickerChange = useCallback(\n (dates?: TimestampDateRange) => {\n console.log(\"dates: \", dates);\n const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n const toDateTemp: Moment = dates?.to\n ? moment.utc(Number(dates?.to) * 1000)\n : null;\n\n setFromDate(fromDateTemp);\n setToDate(toDateTemp);\n\n if (\n onChange &&\n step !== \"range\" &&\n moment.isMoment(fromDateTemp) &&\n moment.isMoment(toDateTemp)\n ) {\n onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n }\n },\n [onChange, step]\n );\n\n const onToggleDatePicker = useCallback(\n (open?: boolean) => {\n if (step === \"range\" && !open) {\n const toDateTemp: Moment = toDate ? toDate : fromDate;\n setToDate(toDateTemp);\n onChange?.(fromDate.toDate(), toDateTemp.toDate());\n }\n },\n [fromDate, onChange, step, toDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n moment.isMoment(maxValue) &&\n toDate &&\n moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.utc().format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n moment.isMoment(minValue) &&\n toDate &&\n moment\n .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment.utc(minValue));\n setToDate(moment.utc(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment.utc(maxValue));\n setToDate(moment.utc(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n const [newFrom, newTo] = getDatesByPeriod(1);\n setFromDate(moment.utc(newFrom));\n setToDate(moment.utc(newTo));\n\n if (onChange) {\n onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n\n if (onForward) {\n onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n const [newFrom, newTo] = getDatesByPeriod(-1);\n setFromDate(moment.utc(newFrom));\n setToDate(moment.utc(newTo));\n\n if (onChange) {\n onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n if (onBack) {\n onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n useEffect(() => {\n setFromDate(moment.utc(from));\n setToDate(to ? moment.utc(to) : null);\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (range === \"range\") {\n return { minWidth: \"102px\" };\n }\n if (\n fromDay.utc().year() !== moment.utc().year() ||\n toDay.utc().year() !== moment.utc().year()\n ) {\n switch (range) {\n case \"daily\":\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"232px\" };\n }\n }\n switch (range) {\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"182px\" };\n }\n\n return { minWidth: \"102px\" };\n };\n const isDisabled = useCallback(\n (day: Moment): boolean => {\n const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n moment.isMoment(maxValue) &&\n moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n moment.isMoment(minValue) &&\n moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore || isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(\n () => ({\n disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n nonWorkingDay: (day: Moment) => ({\n matched: isDisabled(day),\n title: null,\n }),\n }),\n [isDisabled]\n );\n\n return (\n <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n {!disableArrows ? (\n <StyledControl\n type=\"button\"\n variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n onClick={onLeftClickHandler}\n disabled={isBeforeMinDate}\n >\n <ArrowLeftIcon />\n </StyledControl>\n ) : null}\n <StyledDiv\n $isTargetable={step === \"yearly\" || !withDatePicker}\n $isRounded={disableArrows}\n $mode={mode}\n $alwaysShowDate={alwaysShowDate}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker && step !== \"yearly\" ? (\n <DatePicker\n month={defaultMonth}\n onCalendarToggle={onToggleDatePicker}\n target={\n <StyledButton $step={step} type=\"button\">\n {getDateFormatted}\n </StyledButton>\n }\n mode={datePickerMode}\n selected={{\n from: moment.utc(fromDate).unix(),\n to: toDate ? moment.utc(toDate).unix() : null,\n }}\n onChange={onDatePickerChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n disabledDaysAfter={maxValue}\n disabledDaysBefore={minValue}\n disableYearPicker={!enableYearPicker}\n popperClassName={popperClassName}\n position={position}\n key={datePickerMode}\n instant\n required\n />\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {!disableArrows ? (\n <StyledControl\n type=\"button\"\n variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n onClick={onRightClickHandler}\n disabled={isAfterMaxDate}\n >\n <ArrowRightIcon />\n </StyledControl>\n ) : null}\n </StyledButtonGroup>\n );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,7 +14,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
14
14
|
var StyledButton = exports.StyledButton = _styledComponents.default.button.withConfig({
|
|
15
15
|
displayName: "Styles__StyledButton",
|
|
16
16
|
componentId: "sc-1v8h7mt-0"
|
|
17
|
-
})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
|
|
17
|
+
})(["", " ", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
18
|
+
return props.$step === "range" && (0, _styledComponents.css)(["padding:0 12px !important;"]);
|
|
19
|
+
}, {
|
|
18
20
|
"position": "relative",
|
|
19
21
|
"margin": "0px",
|
|
20
22
|
"display": "inline-block",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_ButtonGroup","_FontStyle","_IconButton","_Menu","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_ButtonGroup","_FontStyle","_IconButton","_Menu","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$step","css","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","$isTargetable","$isRounded","$mode","$alwaysShowDate","StyledControl","IconButton"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { IconButton } from \"../../IconButton\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button<{ $step: string }>`\n ${FontStyle}\n ${BoxSizingStyle}\n ${(props) =>\n props.$step === \"range\" &&\n css`\n padding: 0 12px !important;\n `}\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n line-height: 1;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button:hover {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n $mode: string;\n $alwaysShowDate: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-8);\n padding: 0 12px !important;\n `}\n\n ${(props) =>\n props.$mode !== \"flat\"\n ? tw`\n tw-border\n tw-border-solid\n `\n : tw`tw-border-0`}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n ${(props) =>\n props.$mode !== \"flat\" &&\n css`\n border: 1px solid var(--color-theme-700);\n `}\n\n color: var(--color-theme-700);\n margin-right: -1px;\n display: block;\n\n ${(props) =>\n !props.$alwaysShowDate &&\n css`\n @media (max-width: 768px) {\n display: none;\n }\n `}\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n ${(props) =>\n props.$mode !== \"flat\" &&\n css`\n border-color: var(--color-primary);\n `}\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n ${(props) =>\n props.$mode !== \"flat\" &&\n css`\n border-color: var(--color-primary);\n background-color: var(--color-primary-200);\n `}\n color: var(--color-primary);\n }\n`;\n\nexport const StyledControl = styled(IconButton)`\n border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,11 +6,11 @@ export interface IDateStepperProps {
|
|
|
6
6
|
/** One of the possible steps for this component */
|
|
7
7
|
step: "daily" | "weekly" | "monthly" | "quarterly" | "yearly" | "range";
|
|
8
8
|
/** Callback function that will be called after the changed range */
|
|
9
|
-
onChange?: (from: Date, to: Date) => void;
|
|
9
|
+
onChange?: (from: Date, to: Date | null) => void;
|
|
10
10
|
/** Start date of the range */
|
|
11
11
|
from: Moment | string;
|
|
12
12
|
/** End date of the range */
|
|
13
|
-
to
|
|
13
|
+
to?: Moment | string;
|
|
14
14
|
/** Callback function that will format the text label */
|
|
15
15
|
formatCallback?: (from: string | Moment, to: string | Moment) => string;
|
|
16
16
|
/** Default month */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.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;AAahC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,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;
|
|
1
|
+
{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.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;AAahC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,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,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,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;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AAEH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAmW7C,CAAC"}
|
|
@@ -33,7 +33,7 @@ export const DateStepper = _ref => {
|
|
|
33
33
|
disableArrows = false
|
|
34
34
|
} = _ref;
|
|
35
35
|
const [fromDate, setFromDate] = useState(moment.utc(from));
|
|
36
|
-
const [toDate, setToDate] = useState(moment.utc(to));
|
|
36
|
+
const [toDate, setToDate] = useState(to ? moment.utc(to) : null);
|
|
37
37
|
const getDatesByPeriod = useCallback(interval => {
|
|
38
38
|
const date = fromDate ? fromDate : moment();
|
|
39
39
|
if (step === "daily") {
|
|
@@ -53,25 +53,29 @@ export const DateStepper = _ref => {
|
|
|
53
53
|
return [date.clone().startOf("year"), date.clone().endOf("year")];
|
|
54
54
|
} else if (step === "range") {
|
|
55
55
|
// For range step, calculate N days based on current selection
|
|
56
|
-
|
|
56
|
+
// Handle case where toDate is undefined
|
|
57
|
+
const effectiveToDate = !toDate ? fromDate : toDate;
|
|
58
|
+
const daysDiff = effectiveToDate.diff(fromDate, "days");
|
|
59
|
+
|
|
57
60
|
// If same day selected (daysDiff = 0), move by 1 day
|
|
58
61
|
const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;
|
|
59
62
|
const newFromDate = fromDate.clone().add(interval * daysToMove, "days");
|
|
60
|
-
const newToDate = daysDiff === 0 ? newFromDate.clone() :
|
|
63
|
+
const newToDate = daysDiff === 0 ? newFromDate.clone() : effectiveToDate.clone().add(interval * daysToMove, "days");
|
|
61
64
|
return [newFromDate, newToDate];
|
|
62
65
|
}
|
|
63
66
|
return [date, date];
|
|
64
67
|
}, [fromDate, toDate, period, step]);
|
|
65
68
|
const getDateFormatted = useMemo(() => {
|
|
66
69
|
if (formatCallback) {
|
|
67
|
-
return formatCallback(fromDate, toDate);
|
|
70
|
+
return formatCallback(fromDate, toDate ? toDate : fromDate);
|
|
68
71
|
}
|
|
69
72
|
const actualYear = moment().year();
|
|
70
73
|
const showWeekOrCustomDateFormat = (start, end) => {
|
|
74
|
+
const endDate = end ? end : start;
|
|
71
75
|
if (start.year() === actualYear && end.year() === actualYear) {
|
|
72
|
-
return start.utc().format("MMM DD") + " - " +
|
|
76
|
+
return start.utc().format("MMM DD") + " - " + endDate.utc().format("MMM DD");
|
|
73
77
|
} else {
|
|
74
|
-
return start.utc().format("MMM DD YYYY") + " - " +
|
|
78
|
+
return start.utc().format("MMM DD YYYY") + " - " + endDate.utc().format("MMM DD YYYY");
|
|
75
79
|
}
|
|
76
80
|
};
|
|
77
81
|
if (step === "daily") {
|
|
@@ -90,8 +94,7 @@ export const DateStepper = _ref => {
|
|
|
90
94
|
} else if (step === "yearly") {
|
|
91
95
|
return fromDate.utc().format("YYYY");
|
|
92
96
|
} else if (step === "range") {
|
|
93
|
-
|
|
94
|
-
if (!toDate.isValid() || toDate.year() === 1970) {
|
|
97
|
+
if (!toDate) {
|
|
95
98
|
if (fromDate.year() === actualYear) {
|
|
96
99
|
return fromDate.utc().format("MMM DD");
|
|
97
100
|
}
|
|
@@ -114,19 +117,27 @@ export const DateStepper = _ref => {
|
|
|
114
117
|
return step;
|
|
115
118
|
}, [step]);
|
|
116
119
|
const onDatePickerChange = useCallback(dates => {
|
|
120
|
+
console.log("dates: ", dates);
|
|
117
121
|
const fromDateTemp = moment.utc(Number(dates == null ? void 0 : dates.from) * 1000);
|
|
118
|
-
const toDateTemp = moment.utc(Number(dates == null ? void 0 : dates.to) * 1000);
|
|
122
|
+
const toDateTemp = dates != null && dates.to ? moment.utc(Number(dates == null ? void 0 : dates.to) * 1000) : null;
|
|
119
123
|
setFromDate(fromDateTemp);
|
|
120
124
|
setToDate(toDateTemp);
|
|
121
|
-
if (onChange && moment.isMoment(fromDateTemp) && moment.isMoment(toDateTemp)) {
|
|
125
|
+
if (onChange && step !== "range" && moment.isMoment(fromDateTemp) && moment.isMoment(toDateTemp)) {
|
|
122
126
|
onChange(fromDateTemp.toDate(), toDateTemp.toDate());
|
|
123
127
|
}
|
|
124
|
-
}, [onChange,
|
|
128
|
+
}, [onChange, step]);
|
|
129
|
+
const onToggleDatePicker = useCallback(open => {
|
|
130
|
+
if (step === "range" && !open) {
|
|
131
|
+
const toDateTemp = toDate ? toDate : fromDate;
|
|
132
|
+
setToDate(toDateTemp);
|
|
133
|
+
onChange == null || onChange(fromDate.toDate(), toDateTemp.toDate());
|
|
134
|
+
}
|
|
135
|
+
}, [fromDate, onChange, step, toDate]);
|
|
125
136
|
const isAfterMaxDate = useMemo(() => {
|
|
126
|
-
return moment.isMoment(maxValue) && moment(moment.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
|
|
137
|
+
return moment.isMoment(maxValue) && toDate && moment(moment.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
|
|
127
138
|
}, [maxValue, toDate]);
|
|
128
139
|
const isBeforeMinDate = useMemo(() => {
|
|
129
|
-
return moment.isMoment(minValue) && moment.utc(moment.utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
|
|
140
|
+
return moment.isMoment(minValue) && toDate && moment.utc(moment.utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
|
|
130
141
|
}, [minValue, toDate]);
|
|
131
142
|
useEffect(() => {
|
|
132
143
|
if (isBeforeMinDate) {
|
|
@@ -172,9 +183,14 @@ export const DateStepper = _ref => {
|
|
|
172
183
|
}, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
|
|
173
184
|
useEffect(() => {
|
|
174
185
|
setFromDate(moment.utc(from));
|
|
175
|
-
setToDate(moment.utc(to));
|
|
186
|
+
setToDate(to ? moment.utc(to) : null);
|
|
176
187
|
}, [from, to]);
|
|
177
188
|
const dateStepperWidth = (fromDay, toDay, range) => {
|
|
189
|
+
if (range === "range") {
|
|
190
|
+
return {
|
|
191
|
+
minWidth: "102px"
|
|
192
|
+
};
|
|
193
|
+
}
|
|
178
194
|
if (fromDay.utc().year() !== moment.utc().year() || toDay.utc().year() !== moment.utc().year()) {
|
|
179
195
|
switch (range) {
|
|
180
196
|
case "daily":
|
|
@@ -235,13 +251,15 @@ export const DateStepper = _ref => {
|
|
|
235
251
|
style: dateStepperWidth(fromDate, toDate, step)
|
|
236
252
|
}, withDatePicker && step !== "yearly" ? /*#__PURE__*/React.createElement(DatePicker, {
|
|
237
253
|
month: defaultMonth,
|
|
254
|
+
onCalendarToggle: onToggleDatePicker,
|
|
238
255
|
target: /*#__PURE__*/React.createElement(StyledButton, {
|
|
256
|
+
$step: step,
|
|
239
257
|
type: "button"
|
|
240
258
|
}, getDateFormatted),
|
|
241
259
|
mode: datePickerMode,
|
|
242
260
|
selected: {
|
|
243
261
|
from: moment.utc(fromDate).unix(),
|
|
244
|
-
to: moment.utc(toDate).unix()
|
|
262
|
+
to: toDate ? moment.utc(toDate).unix() : null
|
|
245
263
|
},
|
|
246
264
|
onChange: onDatePickerChange,
|
|
247
265
|
firstDayOfWeek: period === "week" ? 0 : 1,
|