@banyan_cloud/roots 1.0.106 → 1.0.108

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/index.js CHANGED
@@ -45262,8 +45262,8 @@ Switch.defaultProps = {
45262
45262
  onChange: function onChange() {}
45263
45263
  };
45264
45264
 
45265
- var css$Q = ".DateAndTimeSelection_module_root__13d18e8b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.3125rem;\n padding-inline: 0.75rem;\n width: 100%;\n}\n.DateAndTimeSelection_module_root__13d18e8b > span {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--dark-grey);\n}\n.DateAndTimeSelection_module_root__13d18e8b > div {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n gap: 0.25rem;\n}\n.DateAndTimeSelection_module_root__13d18e8b > div .DateAndTimeSelection_module_input__13d18e8b {\n flex: 1;\n background: var(--white);\n border: 1px solid var(--grey3);\n border-radius: 4px;\n padding: 0.75rem 1rem;\n}\n.DateAndTimeSelection_module_root__13d18e8b > div .DateAndTimeSelection_module_input__13d18e8b > label > div[data-elem=base-cell] {\n padding: 0 0;\n border: none;\n}\n.DateAndTimeSelection_module_root__13d18e8b > div .DateAndTimeSelection_module_input__13d18e8b > label > div[data-elem=base-cell] > span[data-elem=component2] > input[data-elem=input] {\n padding: 0;\n color: var(--dark-grey);\n}\n.DateAndTimeSelection_module_root__13d18e8b.DateAndTimeSelection_module_range__13d18e8b > span:nth-last-child(2) {\n margin-top: 0.25rem;\n}";
45266
- var modules_a8ff92a5 = {"root":"DateAndTimeSelection_module_root__13d18e8b","input":"DateAndTimeSelection_module_input__13d18e8b","range":"DateAndTimeSelection_module_range__13d18e8b"};
45265
+ var css$Q = ".DateAndTimeSelection_module_root__8c0868bc {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.3125rem;\n padding-inline: 0.75rem;\n width: 100%;\n}\n.DateAndTimeSelection_module_root__8c0868bc > span {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--dark-grey);\n}\n.DateAndTimeSelection_module_root__8c0868bc > div {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n gap: 0.25rem;\n}\n.DateAndTimeSelection_module_root__8c0868bc > div .DateAndTimeSelection_module_input__8c0868bc {\n flex: 1;\n background: var(--white);\n border: 1px solid var(--grey3);\n border-radius: 4px;\n padding: 0.75rem 1rem;\n}\n.DateAndTimeSelection_module_root__8c0868bc > div .DateAndTimeSelection_module_input__8c0868bc > label > div[data-elem=base-cell] {\n padding: 0 0;\n border: none;\n}\n.DateAndTimeSelection_module_root__8c0868bc > div .DateAndTimeSelection_module_input__8c0868bc > label > div[data-elem=base-cell] > span[data-elem=component2] > input[data-elem=input] {\n padding: 0;\n color: var(--dark-grey);\n width: -moz-fit-content;\n width: fit-content;\n}\n.DateAndTimeSelection_module_root__8c0868bc.DateAndTimeSelection_module_range__8c0868bc > span:nth-last-child(2) {\n margin-top: 0.25rem;\n}";
45266
+ var modules_a8ff92a5 = {"root":"DateAndTimeSelection_module_root__8c0868bc","input":"DateAndTimeSelection_module_input__8c0868bc","range":"DateAndTimeSelection_module_range__8c0868bc"};
45267
45267
  n(css$Q,{});
45268
45268
 
45269
45269
  var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
@@ -45349,7 +45349,7 @@ var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
45349
45349
  }
45350
45350
  }
45351
45351
  if (key === 'end') {
45352
- if (isAfter(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[1]))) {
45352
+ if (isAfter(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[0]))) {
45353
45353
  setSelectedRange({
45354
45354
  dates: [selectedRange.dates[0], "".concat(rangeValue.date, " ").concat(rangeValue.month, " ").concat(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.year)],
45355
45355
  unix: [selectedRange.unix[0], validUnix]
@@ -45385,7 +45385,7 @@ var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
45385
45385
  }
45386
45386
  }
45387
45387
  if (key === 'end') {
45388
- if (isAfter(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[1]))) {
45388
+ if (isAfter(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[0]))) {
45389
45389
  setSelectedRange({
45390
45390
  dates: [selectedRange.dates[0], "".concat(rangeValue.date, " ").concat(rangeValue.month, " ").concat(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.year)],
45391
45391
  unix: [selectedRange.unix[0], validUnix]
@@ -45584,7 +45584,7 @@ var Header = function Header(props) {
45584
45584
  }
45585
45585
  }), /*#__PURE__*/jsxRuntime.jsx("span", {
45586
45586
  className: modules_cf337dc1.title,
45587
- children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
45587
+ children: "".concat(selectedMonth === null || selectedMonth === void 0 ? void 0 : selectedMonth.month, " ").concat(selectedMonth === null || selectedMonth === void 0 ? void 0 : selectedMonth.year)
45588
45588
  }), /*#__PURE__*/jsxRuntime.jsx(Button, {
45589
45589
  size: "auto",
45590
45590
  variant: "text",
@@ -45727,7 +45727,6 @@ var rangeSelection = function rangeSelection(_ref4) {
45727
45727
  }
45728
45728
  if ((isBefore(date, fromUnixTime((_selectedRange$unix3 = selectedRange.unix) === null || _selectedRange$unix3 === void 0 ? void 0 : _selectedRange$unix3[1])) || isAfter(date, fromUnixTime((_selectedRange$unix4 = selectedRange.unix) === null || _selectedRange$unix4 === void 0 ? void 0 : _selectedRange$unix4[1]))) && isAfter(date, fromUnixTime((_selectedRange$unix5 = selectedRange.unix) === null || _selectedRange$unix5 === void 0 ? void 0 : _selectedRange$unix5[0]))) {
45729
45729
  var _selectedRange$dates4, _selectedRange$unix6;
45730
- console.log('after');
45731
45730
  return {
45732
45731
  dates: [(_selectedRange$dates4 = selectedRange.dates) === null || _selectedRange$dates4 === void 0 ? void 0 : _selectedRange$dates4[0], "".concat(dateAsNumber, " ").concat(month, " ").concat(year)],
45733
45732
  unix: [(_selectedRange$unix6 = selectedRange.unix) === null || _selectedRange$unix6 === void 0 ? void 0 : _selectedRange$unix6[0], getUnixTime(date)]
@@ -45735,13 +45734,11 @@ var rangeSelection = function rangeSelection(_ref4) {
45735
45734
  }
45736
45735
  if (isBefore(date, fromUnixTime((_selectedRange$unix7 = selectedRange.unix) === null || _selectedRange$unix7 === void 0 ? void 0 : _selectedRange$unix7[0]))) {
45737
45736
  var _selectedRange$dates5, _selectedRange$unix8;
45738
- console.log('before');
45739
45737
  return {
45740
45738
  dates: ["".concat(dateAsNumber, " ").concat(month, " ").concat(year), (_selectedRange$dates5 = selectedRange.dates) === null || _selectedRange$dates5 === void 0 ? void 0 : _selectedRange$dates5[1]],
45741
45739
  unix: [getUnixTime(date), (_selectedRange$unix8 = selectedRange.unix) === null || _selectedRange$unix8 === void 0 ? void 0 : _selectedRange$unix8[1]]
45742
45740
  };
45743
45741
  }
45744
- console.log('lkjl');
45745
45742
  return {
45746
45743
  dates: [],
45747
45744
  unix: []
@@ -45758,8 +45755,9 @@ var Dates = function Dates(props) {
45758
45755
  setSelectedRange = props.setSelectedRange,
45759
45756
  disabledDates = props.disabledDates,
45760
45757
  disableDatesBefore = props.disableDatesBefore;
45761
- var monthAsNumber = selectedMonth.monthAsNumber,
45762
- year = selectedMonth.year;
45758
+ var _ref = selectedMonth || {},
45759
+ monthAsNumber = _ref.monthAsNumber,
45760
+ year = _ref.year;
45763
45761
  var _useState = React.useState(function () {
45764
45762
  return [];
45765
45763
  }),
@@ -45787,10 +45785,10 @@ var Dates = function Dates(props) {
45787
45785
  _useState8 = _slicedToArray(_useState7, 2),
45788
45786
  datesInMonth = _useState8[0],
45789
45787
  setDatesInMonth = _useState8[1];
45790
- var _ref = (_selectedRange$unix = selectedRange.unix) !== null && _selectedRange$unix !== void 0 ? _selectedRange$unix : [],
45791
- _ref2 = _slicedToArray(_ref, 2),
45792
- firstItem = _ref2[0],
45793
- lastItem = _ref2[1];
45788
+ var _ref2 = (_selectedRange$unix = selectedRange.unix) !== null && _selectedRange$unix !== void 0 ? _selectedRange$unix : [],
45789
+ _ref3 = _slicedToArray(_ref2, 2),
45790
+ firstItem = _ref3[0],
45791
+ lastItem = _ref3[1];
45794
45792
  var days = datesInMonth.days,
45795
45793
  dateObj = datesInMonth.dateObj;
45796
45794
  React.useEffect(function () {
@@ -45958,36 +45956,17 @@ var Calender = function Calender(props) {
45958
45956
  setFixedRange = props.setFixedRange,
45959
45957
  fixedRange = props.fixedRange,
45960
45958
  customRanges = props.customRanges;
45961
- var _getDayInfo = getDayInfo(new Date()),
45962
- month = _getDayInfo.month,
45963
- year = _getDayInfo.year,
45964
- monthAsNumber = _getDayInfo.monthAsNumber,
45965
- dayAsNumber = _getDayInfo.dayAsNumber;
45966
- var _useState = React.useState({
45967
- month: month,
45968
- monthAsNumber: monthAsNumber,
45969
- year: year,
45970
- dayAsNumber: dayAsNumber
45971
- }),
45959
+ var _useState = React.useState(),
45972
45960
  _useState2 = _slicedToArray(_useState, 2),
45973
45961
  selectedMonth = _useState2[0],
45974
45962
  setSelectedMonth = _useState2[1];
45975
45963
  React.useEffect(function () {
45976
45964
  var _value$filter;
45977
45965
  if (fixedRange) {
45978
- return;
45979
- }
45980
- if (range && (value === null || value === void 0 ? void 0 : (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0) {
45981
- setSelectedRange({
45982
- dates: getDatesInStringFormat({
45983
- startingDate: fromUnixTime(value[0]),
45984
- endingDate: fromUnixTime(value[1])
45985
- }),
45986
- unix: [value[0], value[1]]
45987
- });
45988
- var date = new Date();
45989
- var dateAsNumber = date.getDate();
45990
- var selectedDayInfo = getDayInfo(date);
45966
+ var _selectedRange$unix, _selectedRange$unix2, _selectedRange$unix3;
45967
+ var _date = new Date();
45968
+ var dateAsNumber = _date.getDate();
45969
+ var selectedDayInfo = getDayInfo(_date);
45991
45970
  var selectedDateMonth = {
45992
45971
  month: selectedDayInfo.month,
45993
45972
  monthAsNumber: selectedDayInfo.monthAsNumber,
@@ -45995,20 +45974,29 @@ var Calender = function Calender(props) {
45995
45974
  dayAsNumber: selectedDayInfo.dayAsNumber
45996
45975
  };
45997
45976
  setSelectedMonth({
45998
- month: getDayInfo(fromUnixTime(value[0])).month,
45999
- monthAsNumber: getDayInfo(fromUnixTime(value[0])).monthAsNumber,
46000
- year: getDayInfo(fromUnixTime(value[0])).year
45977
+ month: getDayInfo(fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix[0])).month,
45978
+ monthAsNumber: getDayInfo(fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix2 = selectedRange.unix) === null || _selectedRange$unix2 === void 0 ? void 0 : _selectedRange$unix2[0])).monthAsNumber,
45979
+ year: getDayInfo(fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix3 = selectedRange.unix) === null || _selectedRange$unix3 === void 0 ? void 0 : _selectedRange$unix3[0])).year
46001
45980
  });
46002
45981
  setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
46003
45982
  month: selectedDateMonth.month,
46004
45983
  year: selectedDateMonth.year,
46005
45984
  date: dateAsNumber,
46006
- unix: getUnixTime(date)
45985
+ unix: getUnixTime(_date)
46007
45986
  }));
46008
- } else if (!range && value) {
46009
- var _date = fromUnixTime(value);
46010
- var _dateAsNumber = _date.getDate();
46011
- var _selectedDayInfo = getDayInfo(_date);
45987
+ return;
45988
+ }
45989
+ if (range && (value === null || value === void 0 ? void 0 : (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0) {
45990
+ setSelectedRange({
45991
+ dates: getDatesInStringFormat({
45992
+ startingDate: fromUnixTime(value[0]),
45993
+ endingDate: fromUnixTime(value[1])
45994
+ }),
45995
+ unix: [value[0], value[1]]
45996
+ });
45997
+ var _date2 = new Date();
45998
+ var _dateAsNumber = _date2.getDate();
45999
+ var _selectedDayInfo = getDayInfo(_date2);
46012
46000
  var _selectedDateMonth = {
46013
46001
  month: _selectedDayInfo.month,
46014
46002
  monthAsNumber: _selectedDayInfo.monthAsNumber,
@@ -46016,27 +46004,56 @@ var Calender = function Calender(props) {
46016
46004
  dayAsNumber: _selectedDayInfo.dayAsNumber
46017
46005
  };
46018
46006
  setSelectedMonth({
46019
- month: _selectedDayInfo.month,
46020
- monthAsNumber: _selectedDayInfo.monthAsNumber,
46021
- year: _selectedDayInfo.year
46007
+ month: getDayInfo(fromUnixTime(value[0])).month,
46008
+ monthAsNumber: getDayInfo(fromUnixTime(value[0])).monthAsNumber,
46009
+ year: getDayInfo(fromUnixTime(value[0])).year
46022
46010
  });
46023
46011
  setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
46024
46012
  month: _selectedDateMonth.month,
46025
46013
  year: _selectedDateMonth.year,
46026
46014
  date: _dateAsNumber,
46027
- unix: getUnixTime(_date)
46015
+ unix: getUnixTime(_date2)
46028
46016
  }));
46029
- } else {
46030
- var _date2 = new Date();
46031
- if (!range && !isBefore(_date2, disableDatesBefore)) {
46032
- var _dateAsNumber2 = _date2.getDate();
46033
- setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
46034
- month: selectedMonth.month,
46035
- year: selectedMonth.year,
46036
- date: _dateAsNumber2,
46037
- unix: getUnixTime(_date2)
46038
- }));
46039
- }
46017
+ return;
46018
+ }
46019
+ if (!range && value) {
46020
+ var _date3 = fromUnixTime(value);
46021
+ var _dateAsNumber2 = _date3.getDate();
46022
+ var _selectedDayInfo2 = getDayInfo(_date3);
46023
+ var _selectedDateMonth2 = {
46024
+ month: _selectedDayInfo2.month,
46025
+ monthAsNumber: _selectedDayInfo2.monthAsNumber,
46026
+ year: _selectedDayInfo2.year,
46027
+ dayAsNumber: _selectedDayInfo2.dayAsNumber
46028
+ };
46029
+ setSelectedMonth({
46030
+ month: _selectedDayInfo2.month,
46031
+ monthAsNumber: _selectedDayInfo2.monthAsNumber,
46032
+ year: _selectedDayInfo2.year
46033
+ });
46034
+ setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
46035
+ month: _selectedDateMonth2.month,
46036
+ year: _selectedDateMonth2.year,
46037
+ date: _dateAsNumber2,
46038
+ unix: getUnixTime(_date3)
46039
+ }));
46040
+ return;
46041
+ }
46042
+ var date = new Date();
46043
+ if (range && !value && (disableDatesBefore === null || disableDatesBefore === void 0 ? void 0 : disableDatesBefore.length) === 0 || !range && !isBefore(date, disableDatesBefore)) {
46044
+ var _dateAsNumber3 = date.getDate();
46045
+ var _selectedDayInfo3 = getDayInfo(date);
46046
+ setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
46047
+ month: _selectedDayInfo3.month,
46048
+ year: _selectedDayInfo3.year,
46049
+ date: _dateAsNumber3,
46050
+ unix: getUnixTime(date)
46051
+ }));
46052
+ setSelectedMonth({
46053
+ month: _selectedDayInfo3.month,
46054
+ monthAsNumber: MONTHS[_selectedDayInfo3.month],
46055
+ year: _selectedDayInfo3.year
46056
+ });
46040
46057
  }
46041
46058
  }, []);
46042
46059
  var goToDate = function goToDate(unix) {
@@ -46118,8 +46135,8 @@ var Calender = function Calender(props) {
46118
46135
  });
46119
46136
  };
46120
46137
 
46121
- var css$J = ".DatePicker_module_root__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tmax-width: 100%;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] {\n\tflex: 1;\n\twidth: 100%;\n\tmin-width: 15rem;\n\tborder-color: var(--grey3);\n\tborder-style: solid;\n\tborder-width: 0.0625rem 0 0.0625rem 0.0625rem;\n\tbackground-color: transparent !important;\n\tborder-radius: 0.25rem 0 0 0.25rem;\n\theight: auto;\n\tpadding: 0.75rem 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] {\n\tflex: 0 0 auto;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] .DatePicker_module_icon__e9055cc7 {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] .DatePicker_module_icon__e9055cc7.DatePicker_module_light__e9055cc7 path {\n\tstroke: var(--black);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] .DatePicker_module_icon__e9055cc7.DatePicker_module_dark__e9055cc7 path {\n\tstroke: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component2'] {\n\tcolor: var(--dark-grey);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 {\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: stretch;\n\tgap: 0.5rem;\n\tmax-width: 100%;\n\tmin-width: 15rem;\n\toverflow: visible;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_label__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 0.75rem;\n\tline-height: 0.9375rem;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_label__e9055cc7.DatePicker_module_light__e9055cc7 {\n\tcolor: var(--black);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_label__e9055cc7.DatePicker_module_dark__e9055cc7 {\n\tcolor: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tposition: relative;\n\tbackground-color: transparent;\n\tborder-radius: 0.25rem;\n\twidth: auto;\n\tborder: 0.0625rem solid transparent;\n\tpadding: 0.75rem 1rem;\n\tcursor: pointer;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_withCustom__e9055cc7 {\n\tborder-radius: 0 0.25rem 0.25rem 0;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_disabled__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tposition: relative;\n\tbackground: var(--grey10);\n\tborder-radius: 0.25rem;\n\tborder: 0.0625rem solid var(--grey5);\n\tpadding: 0.75rem 1rem;\n\tcursor: not-allowed;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_disabled__e9055cc7 .DatePicker_module_downArrow__e9055cc7 {\n\ttransform: rotate(270deg);\n\tfill: var(--grey3);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_disabled__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\tcolor: var(--grey3);\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_open__e9055cc7 {\n\toutline: 0.0625rem solid var(--highlight);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_error__e9055cc7 {\n\toutline: 0.0625rem solid var(--error);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 0.9375rem;\n\toverflow: hidden;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 .DatePicker_module_icon__e9055cc7 {\n\tflex: 1 0 auto;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\tflex: 1 1 auto;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div.DatePicker_module_light__e9055cc7 {\n\tcolor: var(--black);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div.DatePicker_module_dark__e9055cc7 {\n\tcolor: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div .DatePicker_module_placeholder__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div > span {\n\tdisplay: inline-block;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tfont-weight: 500;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_input__e9055cc7 {\n\tdisplay: none;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_close__e9055cc7 {\n\theight: auto;\n\tpadding: 0;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_icon__e9055cc7 {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_icon__e9055cc7.DatePicker_module_light__e9055cc7 > path {\n\tfill: var(--dark-grey);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_icon__e9055cc7.DatePicker_module_dark__e9055cc7 > path {\n\tfill: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_dark__e9055cc7 .DatePicker_module_container__e9055cc7 {\n\tborder-color: var(--grey);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_dark__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tcolor: var(--grey2);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_light__e9055cc7 .DatePicker_module_container__e9055cc7 {\n\tborder-color: var(--grey4);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_light__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tcolor: var(--grey);\n}\n\n.DatePicker_module_root__e9055cc7 .DatePicker_module_disabled__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tposition: relative;\n\tbackground: var(--grey10);\n\tborder-radius: 0.25rem;\n\tborder: 0.0625rem solid var(--grey5);\n\tpadding: 0.75rem 1rem;\n\tcursor: pointer;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_disabled__e9055cc7 .DatePicker_module_downArrow__e9055cc7 {\n\ttransform: rotate(270deg);\n\tfill: var(--grey3);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_disabled__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\tcolor: var(--grey3);\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.DatePicker_module_root__e9055cc7.DatePicker_module_open__e9055cc7 {\n\tborder-color: var(--highlight);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_error__e9055cc7 {\n\tborder: 0.0938rem solid var(--error);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_errorText__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 0.75rem;\n\tline-height: 0.9375rem;\n\tcolor: var(--error);\n}\n\n.DatePicker_module_popper__e9055cc7 {\n\tdisplay: none;\n\tbackground: var(--white);\n\tborder: 0.0625rem solid #d9d9d9;\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n\tborder-radius: 0.25rem;\n\toverflow: auto;\n}\n.DatePicker_module_popper__e9055cc7.DatePicker_module_open__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: stretch;\n\tposition: absolute;\n} \n";
46122
- var modules_5b831cd1 = {"root":"DatePicker_module_root__e9055cc7","custom-picker":"DatePicker_module_customPicker__e9055cc7","icon":"DatePicker_module_icon__e9055cc7","light":"DatePicker_module_light__e9055cc7","dark":"DatePicker_module_dark__e9055cc7","date-picker":"DatePicker_module_datePicker__e9055cc7","label":"DatePicker_module_label__e9055cc7","container":"DatePicker_module_container__e9055cc7","with-custom":"DatePicker_module_withCustom__e9055cc7","disabled":"DatePicker_module_disabled__e9055cc7","down-arrow":"DatePicker_module_downArrow__e9055cc7","placeholder":"DatePicker_module_placeholder__e9055cc7","open":"DatePicker_module_open__e9055cc7","error":"DatePicker_module_error__e9055cc7","left":"DatePicker_module_left__e9055cc7","input":"DatePicker_module_input__e9055cc7","close":"DatePicker_module_close__e9055cc7","error-text":"DatePicker_module_errorText__e9055cc7","popper":"DatePicker_module_popper__e9055cc7"};
46138
+ var css$J = ".DatePicker_module_root__c48dd103 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell] {\n flex: 1;\n width: 100%;\n min-width: 15rem;\n border-color: var(--grey3);\n border-style: solid;\n border-width: 0.0625rem 0 0.0625rem 0.0625rem;\n background-color: transparent !important;\n border-radius: 0.25rem 0 0 0.25rem;\n height: auto;\n padding: 0.75rem 1rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell] > [data-elem=component1] {\n flex: 0 0 auto;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__c48dd103 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__c48dd103.DatePicker_module_light__c48dd103 path {\n stroke: var(--black);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__c48dd103.DatePicker_module_dark__c48dd103 path {\n stroke: var(--white);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell].DatePicker_module_light__c48dd103 > [data-elem=component2] {\n color: var(--dark-grey);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_customPicker__c48dd103[data-elem=base-cell].DatePicker_module_dark__c48dd103 > [data-elem=component2] {\n color: var(--white);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n min-width: 15rem;\n overflow: visible;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_label__c48dd103 {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_label__c48dd103.DatePicker_module_light__c48dd103 {\n color: var(--black);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_label__c48dd103.DatePicker_module_dark__c48dd103 {\n color: var(--white);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background-color: transparent;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid transparent;\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103.DatePicker_module_withCustom__c48dd103 {\n border-radius: 0 0.25rem 0.25rem 0;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103.DatePicker_module_disabled__c48dd103 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: not-allowed;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103.DatePicker_module_disabled__c48dd103 .DatePicker_module_downArrow__c48dd103 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103.DatePicker_module_disabled__c48dd103 .DatePicker_module_placeholder__c48dd103 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103.DatePicker_module_open__c48dd103 {\n outline: 0.0625rem solid var(--highlight);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103.DatePicker_module_error__c48dd103 {\n outline: 0.0625rem solid var(--error);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.9375rem;\n overflow: hidden;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 .DatePicker_module_icon__c48dd103 {\n flex: 1 0 auto;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 > div {\n font-weight: 400;\n font-size: 1rem;\n flex: 1 1 auto;\n overflow: hidden;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 > div.DatePicker_module_light__c48dd103 {\n color: var(--black);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 > div.DatePicker_module_dark__c48dd103 {\n color: var(--white);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 > div .DatePicker_module_placeholder__c48dd103 {\n font-weight: 400;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_left__c48dd103 > div > span {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-weight: 500;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_input__c48dd103 {\n display: none;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_close__c48dd103 {\n height: auto;\n padding: 0;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_icon__c48dd103 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_icon__c48dd103.DatePicker_module_light__c48dd103 > path {\n fill: var(--dark-grey);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_icon__c48dd103.DatePicker_module_dark__c48dd103 > path {\n fill: var(--white);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103.DatePicker_module_dark__c48dd103 .DatePicker_module_container__c48dd103 {\n border-color: var(--grey);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103.DatePicker_module_dark__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_placeholder__c48dd103 {\n color: var(--grey2);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103.DatePicker_module_light__c48dd103 .DatePicker_module_container__c48dd103 {\n border-color: var(--grey4);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103.DatePicker_module_light__c48dd103 .DatePicker_module_container__c48dd103 .DatePicker_module_placeholder__c48dd103 {\n color: var(--grey);\n}\n.DatePicker_module_root__c48dd103 .DatePicker_module_datePicker__c48dd103 .DatePicker_module_errorText__c48dd103 {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker_module_popper__c48dd103 {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker_module_popper__c48dd103.DatePicker_module_open__c48dd103 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
46139
+ var modules_5b831cd1 = {"root":"DatePicker_module_root__c48dd103","custom-picker":"DatePicker_module_customPicker__c48dd103","icon":"DatePicker_module_icon__c48dd103","light":"DatePicker_module_light__c48dd103","dark":"DatePicker_module_dark__c48dd103","date-picker":"DatePicker_module_datePicker__c48dd103","label":"DatePicker_module_label__c48dd103","container":"DatePicker_module_container__c48dd103","with-custom":"DatePicker_module_withCustom__c48dd103","disabled":"DatePicker_module_disabled__c48dd103","down-arrow":"DatePicker_module_downArrow__c48dd103","placeholder":"DatePicker_module_placeholder__c48dd103","open":"DatePicker_module_open__c48dd103","error":"DatePicker_module_error__c48dd103","left":"DatePicker_module_left__c48dd103","input":"DatePicker_module_input__c48dd103","close":"DatePicker_module_close__c48dd103","error-text":"DatePicker_module_errorText__c48dd103","popper":"DatePicker_module_popper__c48dd103"};
46123
46140
  n(css$J,{});
46124
46141
 
46125
46142
  var getDateAndUnixRange$1 = function getDateAndUnixRange(duration) {
@@ -46265,9 +46282,7 @@ n(css$I,{});
46265
46282
 
46266
46283
  var getDateAndUnixRange = function getDateAndUnixRange(duration) {
46267
46284
  var startingDate = sub$2(new Date(), duration);
46268
- startingDate.setHours(0, 0, 0, 0);
46269
46285
  var endingDate = new Date();
46270
- endingDate.setHours(0, 0, 0, 0);
46271
46286
  var dates = getDatesInStringFormat({
46272
46287
  startingDate: startingDate,
46273
46288
  endingDate: endingDate
@@ -46284,7 +46299,7 @@ var dateRanges = function dateRanges() {
46284
46299
  return customRanges.map(function (range) {
46285
46300
  return {
46286
46301
  title: range.title,
46287
- dateRange: getDateAndUnixRange(_defineProperty$1({}, range.type, [range.value]))
46302
+ dateRange: getDateAndUnixRange(_defineProperty$1({}, range.type, range.value))
46288
46303
  };
46289
46304
  });
46290
46305
  }
@@ -46442,7 +46457,7 @@ var DatePicker = function DatePicker(props) {
46442
46457
  });
46443
46458
  },
46444
46459
  title: fixedRange || 'Custom',
46445
- className: modules_5b831cd1['custom-picker']
46460
+ className: classes(modules_5b831cd1['custom-picker'], modules_5b831cd1[theme])
46446
46461
  }, customRangeInteractionProps.getReferenceProps())), /*#__PURE__*/jsxRuntime.jsxs("div", {
46447
46462
  className: classes(modules_5b831cd1['date-picker'], className, modules_5b831cd1[theme]),
46448
46463
  children: [label && !hasCustomRanges && /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -46536,7 +46551,8 @@ var DatePicker = function DatePicker(props) {
46536
46551
  setFixedRange: setFixedRange,
46537
46552
  setOpenDatePicker: setOpenDatePicker,
46538
46553
  setOpenCustomRange: setOpenCustomRange,
46539
- fixedRange: fixedRange
46554
+ fixedRange: fixedRange,
46555
+ theme: theme
46540
46556
  })
46541
46557
  }))
46542
46558
  })]