beesoft-components 0.2.22 → 0.2.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/build/index.cjs.js +24 -57
  2. package/build/index.js +24 -57
  3. package/build/index.min.js +4 -4
  4. package/build/index.min.js.gz +0 -0
  5. package/package.json +1 -1
  6. package/types/src/components/form/date-time/date-time-day-selector.component.d.ts +2 -1
  7. package/types/src/components/form/date-time/date-time-range-selector.component.d.ts +2 -1
  8. package/types/src/components/form/date-time/date-time-time-selector.component.d.ts +2 -1
  9. package/types/src/components/form/date-time/date-time.reducer.d.ts +2 -8
package/build/index.cjs.js CHANGED
@@ -25788,13 +25788,10 @@ var DateTimeActionType;
25788
25788
  DateTimeActionType[DateTimeActionType["SetSelectedDateRange"] = 7] = "SetSelectedDateRange";
25789
25789
  DateTimeActionType[DateTimeActionType["SetSelectedStartDate"] = 8] = "SetSelectedStartDate";
25790
25790
  DateTimeActionType[DateTimeActionType["SetSelectedEndDate"] = 9] = "SetSelectedEndDate";
25791
- DateTimeActionType[DateTimeActionType["ResetSelectedDateChanged"] = 10] = "ResetSelectedDateChanged";
25792
- DateTimeActionType[DateTimeActionType["ResetSelectedDateRangeChanged"] = 11] = "ResetSelectedDateRangeChanged";
25793
- DateTimeActionType[DateTimeActionType["ClearDates"] = 12] = "ClearDates";
25794
- DateTimeActionType[DateTimeActionType["InitializeDates"] = 13] = "InitializeDates";
25791
+ DateTimeActionType[DateTimeActionType["ClearDates"] = 10] = "ClearDates";
25792
+ DateTimeActionType[DateTimeActionType["InitializeDates"] = 11] = "InitializeDates";
25795
25793
  })(DateTimeActionType || (DateTimeActionType = {}));
25796
25794
  var reducer = function (state, action) {
25797
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
25798
25795
  switch (action.type) {
25799
25796
  case DateTimeActionType.DaySelector:
25800
25797
  return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector, currentViewDate: action.viewDate || state.currentViewDate });
@@ -25809,38 +25806,26 @@ var reducer = function (state, action) {
25809
25806
  case DateTimeActionType.SetViewDate:
25810
25807
  return __assign(__assign({}, state), { currentViewDate: action.viewDate || new Date(), dateInitialized: true });
25811
25808
  case DateTimeActionType.SetSelectedDate:
25812
- return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate, currentViewDate: action.viewDate || state.currentViewDate, selectedDateChanged: !state.selectedDateChanged
25813
- ? ((_a = state.originalSetDate) === null || _a === void 0 ? void 0 : _a.getTime()) !== ((_b = action.selectedDate) === null || _b === void 0 ? void 0 : _b.getTime())
25814
- : true });
25809
+ return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate, currentViewDate: action.viewDate || state.currentViewDate });
25815
25810
  case DateTimeActionType.SetSelectedDateRange:
25816
- return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate, selectedDateChanged: ((_c = state.originalSetStartDate) === null || _c === void 0 ? void 0 : _c.getTime()) !== ((_d = action.selectedStartDate) === null || _d === void 0 ? void 0 : _d.getTime()) ||
25817
- ((_e = state.originalSetEndDate) === null || _e === void 0 ? void 0 : _e.getTime()) !== ((_f = action.selectedEndDate) === null || _f === void 0 ? void 0 : _f.getTime()) });
25811
+ return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate });
25818
25812
  case DateTimeActionType.SetSelectedStartDate:
25819
- return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined, selectedDateChanged: !state.selectedDateChanged
25820
- ? ((_g = state.originalSetStartDate) === null || _g === void 0 ? void 0 : _g.getTime()) !== ((_h = action.selectedStartDate) === null || _h === void 0 ? void 0 : _h.getTime())
25821
- : true });
25813
+ return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined });
25822
25814
  case DateTimeActionType.SetSelectedEndDate:
25823
- return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate, selectedDateChanged: !state.selectedDateChanged
25824
- ? ((_j = state.originalSetEndDate) === null || _j === void 0 ? void 0 : _j.getTime()) !== ((_k = action.selectedEndDate) === null || _k === void 0 ? void 0 : _k.getTime())
25825
- : true });
25826
- case DateTimeActionType.ResetSelectedDateChanged:
25827
- return __assign(__assign({}, state), { originalSetDate: action.selectedDate || state.selectedDate, selectedDateChanged: false });
25828
- case DateTimeActionType.ResetSelectedDateRangeChanged:
25829
- return __assign(__assign({}, state), { originalSetStartDate: action.selectedStartDate || state.selectedStartDate, originalSetEndDate: action.selectedEndDate || state.selectedEndDate, selectedDateChanged: false });
25815
+ return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate });
25830
25816
  case DateTimeActionType.ClearDates:
25831
25817
  return {
25832
25818
  currentSelector: state.currentSelector,
25833
25819
  currentViewDate: state.currentViewDate,
25834
- selectedDateChanged: false,
25835
25820
  dateInitialized: true,
25836
25821
  };
25837
25822
  case DateTimeActionType.InitializeDates:
25838
25823
  var baseState = __assign(__assign({}, state), { currentViewDate: getInitialDate(action.initialDate), dateInitialized: true });
25839
25824
  if (!Array.isArray(action.initialDate)) {
25840
- return __assign(__assign({}, baseState), { originalSetDate: action.initialDate, selectedDate: action.initialDate });
25825
+ return __assign(__assign({}, baseState), { selectedDate: action.initialDate });
25841
25826
  }
25842
25827
  else {
25843
- return __assign(__assign({}, baseState), { originalSetStartDate: action.initialDate[0], originalSetEndDate: action.initialDate[1], selectedStartDate: action.initialDate[0], selectedEndDate: action.initialDate[1] });
25828
+ return __assign(__assign({}, baseState), { selectedStartDate: action.initialDate[0], selectedEndDate: action.initialDate[1] });
25844
25829
  }
25845
25830
  default:
25846
25831
  return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector });
@@ -25922,16 +25907,12 @@ function DateTimeCalendar(_a) {
25922
25907
  }, [locale]);
25923
25908
  var onDateClicked = function (date) {
25924
25909
  if (selectionMode === CalendarSelectionMode.Normal) {
25925
- if (dispatcher) {
25926
- dispatcher({
25927
- type: DateTimeActionType.SetSelectedDate,
25928
- selectedDate: date,
25929
- viewDate: date,
25930
- });
25931
- }
25932
- if (onDateSelected) {
25933
- onDateSelected(date);
25934
- }
25910
+ dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher({
25911
+ type: DateTimeActionType.SetSelectedDate,
25912
+ selectedDate: date,
25913
+ viewDate: date,
25914
+ });
25915
+ onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(date);
25935
25916
  }
25936
25917
  else {
25937
25918
  if (!onDateSelected)
@@ -26024,7 +26005,7 @@ function DateTimeScroller(_a) {
26024
26005
  }
26025
26006
 
26026
26007
  function DateTimeDaySelector(_a) {
26027
- var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, dispatcher = _a.dispatcher;
26008
+ var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, onChange = _a.onChange, dispatcher = _a.dispatcher;
26028
26009
  var movePreviousMonth = function () {
26029
26010
  if (viewDate) {
26030
26011
  dispatcher({
@@ -26061,7 +26042,7 @@ function DateTimeDaySelector(_a) {
26061
26042
  return '';
26062
26043
  };
26063
26044
  return (jsxRuntime.jsxs("div", __assign({ className: "bsc-p-2 bc-dt-day-selector" }, { children: [jsxRuntime.jsx(DateTimeScroller, { title: getCurrentMonthYear(), scrollerType: DateScrollerType.Day, onTitleClicked: onMonthClicked, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0),
26064
- jsxRuntime.jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0),
26045
+ jsxRuntime.jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, onDateSelected: onChange, dispatcher: dispatcher }, void 0),
26065
26046
  showTimeSelector && (jsxRuntime.jsx("div", __assign({ className: "bsc-w-full bsc-flex bsc-flex-row bsc-p-2 bsc-justify-center bc-dt-time-value-wrapper" }, { children: jsxRuntime.jsx("div", __assign({ className: "bsc-p-2 bsc-cursor-pointer hover:bsc-bg-gray-300 dark:hover:bsc-bg-white dark:hover:bsc-text-black dark:bsc-text-white bc-dt-time-value", onClick: onTimeClicked }, { children: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleTimeString(locale.code)) || getDefaultTime(locale) }), void 0) }), void 0))] }), void 0));
26066
26047
  }
26067
26048
 
@@ -26107,7 +26088,7 @@ function DateTimeMonthSelector(_a) {
26107
26088
  }
26108
26089
 
26109
26090
  function DateTimeRangeSelector(_a) {
26110
- var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, dispatcher = _a.dispatcher;
26091
+ var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, onChange = _a.onChange, dispatcher = _a.dispatcher;
26111
26092
  var nextMonth = addMonths(viewDate, 1);
26112
26093
  var onDateSelected = function (date, options) {
26113
26094
  if (!options || !options.setEndDate) {
@@ -26121,6 +26102,7 @@ function DateTimeRangeSelector(_a) {
26121
26102
  type: DateTimeActionType.SetSelectedEndDate,
26122
26103
  selectedEndDate: date,
26123
26104
  });
26105
+ selectedStartDate && (onChange === null || onChange === void 0 ? void 0 : onChange([selectedStartDate, date]));
26124
26106
  }
26125
26107
  };
26126
26108
  var onMonthsClicked = function () {
@@ -26157,7 +26139,7 @@ function DateTimeRangeSelector(_a) {
26157
26139
  }
26158
26140
 
26159
26141
  function DateTimeTimeSelector(_a) {
26160
- var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, dispatcher = _a.dispatcher;
26142
+ var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, onChange = _a.onChange, dispatcher = _a.dispatcher;
26161
26143
  var hours = React.useRef(['12', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11']);
26162
26144
  var minutes = React.useRef(generateNumberArray(0, 59, function (value) { return padNumber(value, 2, '0'); }));
26163
26145
  var ampm = React.useRef(['AM', 'PM']);
@@ -26212,6 +26194,7 @@ function DateTimeTimeSelector(_a) {
26212
26194
  selectedDate: savedViewDate.current,
26213
26195
  viewDate: savedViewDate.current,
26214
26196
  });
26197
+ onChange === null || onChange === void 0 ? void 0 : onChange(savedViewDate.current);
26215
26198
  };
26216
26199
  var onDateClicked = function () {
26217
26200
  dispatcher({
@@ -26341,7 +26324,6 @@ function DateTime(_a) {
26341
26324
  ? DateTimeActionType.DaySelector
26342
26325
  : DateTimeActionType.DateRangeSelector,
26343
26326
  currentViewDate: new Date(),
26344
- selectedDateChanged: false,
26345
26327
  dateInitialized: false,
26346
26328
  };
26347
26329
  var _l = React.useReducer(reducer, initialState), state = _l[0], dispatcher = _l[1];
@@ -26391,7 +26373,7 @@ function DateTime(_a) {
26391
26373
  type: DateTimeActionType.ClearDates,
26392
26374
  });
26393
26375
  setSelectorOpen(false);
26394
- onChange && onChange();
26376
+ onChange === null || onChange === void 0 ? void 0 : onChange();
26395
26377
  };
26396
26378
  var onInputElementCreated = function (element) {
26397
26379
  if (!inputElementRef.current) {
@@ -26412,21 +26394,6 @@ function DateTime(_a) {
26412
26394
  ? DateTimeActionType.DaySelector
26413
26395
  : DateTimeActionType.DateRangeSelector,
26414
26396
  });
26415
- if (onChange && dateSelection !== DateSelectionType.DateRange && state.selectedDate && state.selectedDateChanged) {
26416
- onChange(state.selectedDate);
26417
- dispatcher({
26418
- type: DateTimeActionType.ResetSelectedDateChanged,
26419
- selectedDate: state.selectedDate,
26420
- });
26421
- }
26422
- else if (onChange && state.selectedStartDate && state.selectedEndDate && state.selectedDateChanged) {
26423
- onChange([state.selectedStartDate, state.selectedEndDate]);
26424
- dispatcher({
26425
- type: DateTimeActionType.ResetSelectedDateRangeChanged,
26426
- selectedStartDate: state.selectedStartDate,
26427
- selectedEndDate: state.selectedEndDate,
26428
- });
26429
- }
26430
26397
  };
26431
26398
  var getDateTimeStyle = function () {
26432
26399
  switch (dateFormat) {
@@ -26524,7 +26491,7 @@ function DateTime(_a) {
26524
26491
  jsxRuntime.jsx(OverlayPanel, __assign({ visible: selectorOpen, target: dropDownTarget, shouldTargetCloseOverlay: false, shouldScrollCloseOverlay: true, shouldCheckZIndex: true, hidden: onDateTimeHidden, unmountWhenHidden: true }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [state.currentSelector === DateTimeActionType.DaySelector &&
26525
26492
  canShowDateSelectors &&
26526
26493
  state.dateInitialized &&
26527
- loadedLocale.current && (jsxRuntime.jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0)),
26494
+ loadedLocale.current && (jsxRuntime.jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher, onChange: onChange }, void 0)),
26528
26495
  state.currentSelector === DateTimeActionType.MonthSelector &&
26529
26496
  canShowDateSelectors &&
26530
26497
  state.dateInitialized &&
@@ -26536,11 +26503,11 @@ function DateTime(_a) {
26536
26503
  state.currentSelector === DateTimeActionType.TimeSelector &&
26537
26504
  canShowTimeSelector &&
26538
26505
  state.dateInitialized &&
26539
- loadedLocale.current && (jsxRuntime.jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, dispatcher: dispatcher }, void 0)),
26506
+ loadedLocale.current && (jsxRuntime.jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, onChange: onChange, dispatcher: dispatcher }, void 0)),
26540
26507
  state.currentSelector === DateTimeActionType.DateRangeSelector &&
26541
26508
  canShowDateSelectors &&
26542
26509
  state.dateInitialized &&
26543
- loadedLocale.current && (jsxRuntime.jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
26510
+ loadedLocale.current && (jsxRuntime.jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, onChange: onChange, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
26544
26511
  }
26545
26512
 
26546
26513
  function styleInject(css, ref) {
package/build/index.js CHANGED
@@ -25759,13 +25759,10 @@ var DateTimeActionType;
25759
25759
  DateTimeActionType[DateTimeActionType["SetSelectedDateRange"] = 7] = "SetSelectedDateRange";
25760
25760
  DateTimeActionType[DateTimeActionType["SetSelectedStartDate"] = 8] = "SetSelectedStartDate";
25761
25761
  DateTimeActionType[DateTimeActionType["SetSelectedEndDate"] = 9] = "SetSelectedEndDate";
25762
- DateTimeActionType[DateTimeActionType["ResetSelectedDateChanged"] = 10] = "ResetSelectedDateChanged";
25763
- DateTimeActionType[DateTimeActionType["ResetSelectedDateRangeChanged"] = 11] = "ResetSelectedDateRangeChanged";
25764
- DateTimeActionType[DateTimeActionType["ClearDates"] = 12] = "ClearDates";
25765
- DateTimeActionType[DateTimeActionType["InitializeDates"] = 13] = "InitializeDates";
25762
+ DateTimeActionType[DateTimeActionType["ClearDates"] = 10] = "ClearDates";
25763
+ DateTimeActionType[DateTimeActionType["InitializeDates"] = 11] = "InitializeDates";
25766
25764
  })(DateTimeActionType || (DateTimeActionType = {}));
25767
25765
  var reducer = function (state, action) {
25768
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
25769
25766
  switch (action.type) {
25770
25767
  case DateTimeActionType.DaySelector:
25771
25768
  return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector, currentViewDate: action.viewDate || state.currentViewDate });
@@ -25780,38 +25777,26 @@ var reducer = function (state, action) {
25780
25777
  case DateTimeActionType.SetViewDate:
25781
25778
  return __assign(__assign({}, state), { currentViewDate: action.viewDate || new Date(), dateInitialized: true });
25782
25779
  case DateTimeActionType.SetSelectedDate:
25783
- return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate, currentViewDate: action.viewDate || state.currentViewDate, selectedDateChanged: !state.selectedDateChanged
25784
- ? ((_a = state.originalSetDate) === null || _a === void 0 ? void 0 : _a.getTime()) !== ((_b = action.selectedDate) === null || _b === void 0 ? void 0 : _b.getTime())
25785
- : true });
25780
+ return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate, currentViewDate: action.viewDate || state.currentViewDate });
25786
25781
  case DateTimeActionType.SetSelectedDateRange:
25787
- return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate, selectedDateChanged: ((_c = state.originalSetStartDate) === null || _c === void 0 ? void 0 : _c.getTime()) !== ((_d = action.selectedStartDate) === null || _d === void 0 ? void 0 : _d.getTime()) ||
25788
- ((_e = state.originalSetEndDate) === null || _e === void 0 ? void 0 : _e.getTime()) !== ((_f = action.selectedEndDate) === null || _f === void 0 ? void 0 : _f.getTime()) });
25782
+ return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate });
25789
25783
  case DateTimeActionType.SetSelectedStartDate:
25790
- return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined, selectedDateChanged: !state.selectedDateChanged
25791
- ? ((_g = state.originalSetStartDate) === null || _g === void 0 ? void 0 : _g.getTime()) !== ((_h = action.selectedStartDate) === null || _h === void 0 ? void 0 : _h.getTime())
25792
- : true });
25784
+ return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined });
25793
25785
  case DateTimeActionType.SetSelectedEndDate:
25794
- return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate, selectedDateChanged: !state.selectedDateChanged
25795
- ? ((_j = state.originalSetEndDate) === null || _j === void 0 ? void 0 : _j.getTime()) !== ((_k = action.selectedEndDate) === null || _k === void 0 ? void 0 : _k.getTime())
25796
- : true });
25797
- case DateTimeActionType.ResetSelectedDateChanged:
25798
- return __assign(__assign({}, state), { originalSetDate: action.selectedDate || state.selectedDate, selectedDateChanged: false });
25799
- case DateTimeActionType.ResetSelectedDateRangeChanged:
25800
- return __assign(__assign({}, state), { originalSetStartDate: action.selectedStartDate || state.selectedStartDate, originalSetEndDate: action.selectedEndDate || state.selectedEndDate, selectedDateChanged: false });
25786
+ return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate });
25801
25787
  case DateTimeActionType.ClearDates:
25802
25788
  return {
25803
25789
  currentSelector: state.currentSelector,
25804
25790
  currentViewDate: state.currentViewDate,
25805
- selectedDateChanged: false,
25806
25791
  dateInitialized: true,
25807
25792
  };
25808
25793
  case DateTimeActionType.InitializeDates:
25809
25794
  var baseState = __assign(__assign({}, state), { currentViewDate: getInitialDate(action.initialDate), dateInitialized: true });
25810
25795
  if (!Array.isArray(action.initialDate)) {
25811
- return __assign(__assign({}, baseState), { originalSetDate: action.initialDate, selectedDate: action.initialDate });
25796
+ return __assign(__assign({}, baseState), { selectedDate: action.initialDate });
25812
25797
  }
25813
25798
  else {
25814
- return __assign(__assign({}, baseState), { originalSetStartDate: action.initialDate[0], originalSetEndDate: action.initialDate[1], selectedStartDate: action.initialDate[0], selectedEndDate: action.initialDate[1] });
25799
+ return __assign(__assign({}, baseState), { selectedStartDate: action.initialDate[0], selectedEndDate: action.initialDate[1] });
25815
25800
  }
25816
25801
  default:
25817
25802
  return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector });
@@ -25893,16 +25878,12 @@ function DateTimeCalendar(_a) {
25893
25878
  }, [locale]);
25894
25879
  var onDateClicked = function (date) {
25895
25880
  if (selectionMode === CalendarSelectionMode.Normal) {
25896
- if (dispatcher) {
25897
- dispatcher({
25898
- type: DateTimeActionType.SetSelectedDate,
25899
- selectedDate: date,
25900
- viewDate: date,
25901
- });
25902
- }
25903
- if (onDateSelected) {
25904
- onDateSelected(date);
25905
- }
25881
+ dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher({
25882
+ type: DateTimeActionType.SetSelectedDate,
25883
+ selectedDate: date,
25884
+ viewDate: date,
25885
+ });
25886
+ onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(date);
25906
25887
  }
25907
25888
  else {
25908
25889
  if (!onDateSelected)
@@ -25995,7 +25976,7 @@ function DateTimeScroller(_a) {
25995
25976
  }
25996
25977
 
25997
25978
  function DateTimeDaySelector(_a) {
25998
- var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, dispatcher = _a.dispatcher;
25979
+ var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, onChange = _a.onChange, dispatcher = _a.dispatcher;
25999
25980
  var movePreviousMonth = function () {
26000
25981
  if (viewDate) {
26001
25982
  dispatcher({
@@ -26032,7 +26013,7 @@ function DateTimeDaySelector(_a) {
26032
26013
  return '';
26033
26014
  };
26034
26015
  return (jsxs("div", __assign({ className: "bsc-p-2 bc-dt-day-selector" }, { children: [jsx(DateTimeScroller, { title: getCurrentMonthYear(), scrollerType: DateScrollerType.Day, onTitleClicked: onMonthClicked, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0),
26035
- jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0),
26016
+ jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, onDateSelected: onChange, dispatcher: dispatcher }, void 0),
26036
26017
  showTimeSelector && (jsx("div", __assign({ className: "bsc-w-full bsc-flex bsc-flex-row bsc-p-2 bsc-justify-center bc-dt-time-value-wrapper" }, { children: jsx("div", __assign({ className: "bsc-p-2 bsc-cursor-pointer hover:bsc-bg-gray-300 dark:hover:bsc-bg-white dark:hover:bsc-text-black dark:bsc-text-white bc-dt-time-value", onClick: onTimeClicked }, { children: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleTimeString(locale.code)) || getDefaultTime(locale) }), void 0) }), void 0))] }), void 0));
26037
26018
  }
26038
26019
 
@@ -26078,7 +26059,7 @@ function DateTimeMonthSelector(_a) {
26078
26059
  }
26079
26060
 
26080
26061
  function DateTimeRangeSelector(_a) {
26081
- var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, dispatcher = _a.dispatcher;
26062
+ var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, onChange = _a.onChange, dispatcher = _a.dispatcher;
26082
26063
  var nextMonth = addMonths(viewDate, 1);
26083
26064
  var onDateSelected = function (date, options) {
26084
26065
  if (!options || !options.setEndDate) {
@@ -26092,6 +26073,7 @@ function DateTimeRangeSelector(_a) {
26092
26073
  type: DateTimeActionType.SetSelectedEndDate,
26093
26074
  selectedEndDate: date,
26094
26075
  });
26076
+ selectedStartDate && (onChange === null || onChange === void 0 ? void 0 : onChange([selectedStartDate, date]));
26095
26077
  }
26096
26078
  };
26097
26079
  var onMonthsClicked = function () {
@@ -26128,7 +26110,7 @@ function DateTimeRangeSelector(_a) {
26128
26110
  }
26129
26111
 
26130
26112
  function DateTimeTimeSelector(_a) {
26131
- var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, dispatcher = _a.dispatcher;
26113
+ var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, onChange = _a.onChange, dispatcher = _a.dispatcher;
26132
26114
  var hours = useRef(['12', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11']);
26133
26115
  var minutes = useRef(generateNumberArray(0, 59, function (value) { return padNumber(value, 2, '0'); }));
26134
26116
  var ampm = useRef(['AM', 'PM']);
@@ -26183,6 +26165,7 @@ function DateTimeTimeSelector(_a) {
26183
26165
  selectedDate: savedViewDate.current,
26184
26166
  viewDate: savedViewDate.current,
26185
26167
  });
26168
+ onChange === null || onChange === void 0 ? void 0 : onChange(savedViewDate.current);
26186
26169
  };
26187
26170
  var onDateClicked = function () {
26188
26171
  dispatcher({
@@ -26312,7 +26295,6 @@ function DateTime(_a) {
26312
26295
  ? DateTimeActionType.DaySelector
26313
26296
  : DateTimeActionType.DateRangeSelector,
26314
26297
  currentViewDate: new Date(),
26315
- selectedDateChanged: false,
26316
26298
  dateInitialized: false,
26317
26299
  };
26318
26300
  var _l = useReducer(reducer, initialState), state = _l[0], dispatcher = _l[1];
@@ -26362,7 +26344,7 @@ function DateTime(_a) {
26362
26344
  type: DateTimeActionType.ClearDates,
26363
26345
  });
26364
26346
  setSelectorOpen(false);
26365
- onChange && onChange();
26347
+ onChange === null || onChange === void 0 ? void 0 : onChange();
26366
26348
  };
26367
26349
  var onInputElementCreated = function (element) {
26368
26350
  if (!inputElementRef.current) {
@@ -26383,21 +26365,6 @@ function DateTime(_a) {
26383
26365
  ? DateTimeActionType.DaySelector
26384
26366
  : DateTimeActionType.DateRangeSelector,
26385
26367
  });
26386
- if (onChange && dateSelection !== DateSelectionType.DateRange && state.selectedDate && state.selectedDateChanged) {
26387
- onChange(state.selectedDate);
26388
- dispatcher({
26389
- type: DateTimeActionType.ResetSelectedDateChanged,
26390
- selectedDate: state.selectedDate,
26391
- });
26392
- }
26393
- else if (onChange && state.selectedStartDate && state.selectedEndDate && state.selectedDateChanged) {
26394
- onChange([state.selectedStartDate, state.selectedEndDate]);
26395
- dispatcher({
26396
- type: DateTimeActionType.ResetSelectedDateRangeChanged,
26397
- selectedStartDate: state.selectedStartDate,
26398
- selectedEndDate: state.selectedEndDate,
26399
- });
26400
- }
26401
26368
  };
26402
26369
  var getDateTimeStyle = function () {
26403
26370
  switch (dateFormat) {
@@ -26495,7 +26462,7 @@ function DateTime(_a) {
26495
26462
  jsx(OverlayPanel, __assign({ visible: selectorOpen, target: dropDownTarget, shouldTargetCloseOverlay: false, shouldScrollCloseOverlay: true, shouldCheckZIndex: true, hidden: onDateTimeHidden, unmountWhenHidden: true }, { children: jsxs(Fragment$1, { children: [state.currentSelector === DateTimeActionType.DaySelector &&
26496
26463
  canShowDateSelectors &&
26497
26464
  state.dateInitialized &&
26498
- loadedLocale.current && (jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0)),
26465
+ loadedLocale.current && (jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher, onChange: onChange }, void 0)),
26499
26466
  state.currentSelector === DateTimeActionType.MonthSelector &&
26500
26467
  canShowDateSelectors &&
26501
26468
  state.dateInitialized &&
@@ -26507,11 +26474,11 @@ function DateTime(_a) {
26507
26474
  state.currentSelector === DateTimeActionType.TimeSelector &&
26508
26475
  canShowTimeSelector &&
26509
26476
  state.dateInitialized &&
26510
- loadedLocale.current && (jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, dispatcher: dispatcher }, void 0)),
26477
+ loadedLocale.current && (jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, onChange: onChange, dispatcher: dispatcher }, void 0)),
26511
26478
  state.currentSelector === DateTimeActionType.DateRangeSelector &&
26512
26479
  canShowDateSelectors &&
26513
26480
  state.dateInitialized &&
26514
- loadedLocale.current && (jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
26481
+ loadedLocale.current && (jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, onChange: onChange, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
26515
26482
  }
26516
26483
 
26517
26484
  function styleInject(css, ref) {