@dreamcommerce/aurora 3.1.36-5 → 3.1.36-6

package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var control = require('../../control/control.js');
+var error_list = require('../../error_list/error_list.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var label = require('../../label/label.js');
+var date_time_picker = require('../../date_and_time_picker/date_time_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
+var DateTimePickerControl = function DateTimePickerControl(_ref) {
+  var id = _ref.id,
+    label$1 = _ref.label,
+    helperText = _ref.helperText,
+    tooltip = _ref.tooltip,
+    required = _ref.required,
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    dateTimePickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    htmlFor: id,
+    disabled: disabled,
+    tooltip: tooltip,
+    className: "aurora-text",
+    required: required
+  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(date_time_picker.DateTimePicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    disabled: disabled
+  }, dateTimePickerProps), {}, {
+    errors: errors
+  })), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }) : null);
+};
+
+exports.DateTimePickerControl = DateTimePickerControl;
+//# sourceMappingURL=date_time_picker_control.js.map

package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var stack = require('../stack/stack.js');
+var date_picker = require('../date_picker/date_picker.js');
+var time_picker = require('../time_picker/time_picker.js');
+var date_time_picker_utils = require('./date_time_picker_utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "datePlaceholder", "timePlaceholder", "disabled", "errors", "value", "onChange", "disabledDays"];
+var DateTimePicker = function DateTimePicker(_ref) {
+  var id = _ref.id,
+    datePlaceholder = _ref.datePlaceholder,
+    timePlaceholder = _ref.timePlaceholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabledDays = _ref.disabledDays,
+    dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var parsedValue = React.useMemo(function () {
+    return value ? date_time_picker_utils.DateTimePickerUtils.parseDateTimeString(value) : {
+      date: undefined,
+      time: undefined
+    };
+  }, [value]);
+  var _useState = React.useState(parsedValue.date),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    internalDate = _useState2[0],
+    setInternalDate = _useState2[1];
+  var _useState3 = React.useState(parsedValue.time),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    internalTime = _useState4[0],
+    setInternalTime = _useState4[1];
+  var dateRef = React.useRef(parsedValue.date);
+  var timeRef = React.useRef(parsedValue.time);
+  var lastValueRef = React.useRef(value);
+  React.useEffect(function () {
+    if (value !== lastValueRef.current) {
+      lastValueRef.current = value;
+      setInternalDate(parsedValue.date);
+      setInternalTime(parsedValue.time);
+      dateRef.current = parsedValue.date;
+      timeRef.current = parsedValue.time;
+    }
+  }, [value, parsedValue]);
+  var handleDateChange = function handleDateChange(date) {
+    dateRef.current = date;
+    setInternalDate(date);
+    var currentTime = timeRef.current;
+    if (date && currentTime) {
+      var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(date, currentTime);
+      lastValueRef.current = formattedValue;
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    } else {
+      lastValueRef.current = '';
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    }
+  };
+  var handleTimeChange = function handleTimeChange(time) {
+    var timeValue = time || undefined;
+    timeRef.current = timeValue;
+    setInternalTime(timeValue);
+    var currentDate = dateRef.current;
+    if (currentDate && timeValue) {
+      var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
+      lastValueRef.current = formattedValue;
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    } else {
+      lastValueRef.current = '';
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    direction: "row",
+    spacing: "3",
+    className: "aurora-w-full"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      width: '60%'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(date_picker.DatePicker, _rollupPluginBabelHelpers.objectSpread2({
+    id: "".concat(id, "-date"),
+    mode: "single",
+    placeholder: datePlaceholder,
+    disabled: disabled,
+    errors: errors,
+    value: internalDate,
+    onChange: handleDateChange,
+    disabledDays: disabledDays
+  }, dayPickerProps))), /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      width: '40%'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(time_picker.TimePicker, {
+    id: "".concat(id, "-time"),
+    placeholder: timePlaceholder,
+    disabled: disabled,
+    errors: errors,
+    value: internalTime,
+    onChange: handleTimeChange
+  })));
+};
+
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=date_time_picker.js.map

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var DateTimePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DateTimePickerUtils() {
+  _rollupPluginBabelHelpers.classCallCheck(this, DateTimePickerUtils);
+});
+_rollupPluginBabelHelpers.defineProperty(DateTimePickerUtils, "parseDateTimeString", function (value) {
+  if (!value) return {
+    date: undefined,
+    time: undefined
+  };
+  var parts = value.split(' ');
+  if (parts.length !== 2) return {
+    date: undefined,
+    time: undefined
+  };
+  var _parts = _rollupPluginBabelHelpers.slicedToArray(parts, 2),
+    datePart = _parts[0],
+    timePart = _parts[1];
+  var dateMatch = datePart.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!dateMatch) return {
+    date: undefined,
+    time: undefined
+  };
+  var year = parseInt(dateMatch[1], 10);
+  var month = parseInt(dateMatch[2], 10) - 1;
+  var day = parseInt(dateMatch[3], 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) return {
+    date: undefined,
+    time: undefined
+  };
+  var timeMatch = timePart.match(/^(\d{2}):(\d{2}):(\d{2})$/);
+  if (!timeMatch) return {
+    date: undefined,
+    time: undefined
+  };
+  var hour = parseInt(timeMatch[1], 10);
+  var minute = parseInt(timeMatch[2], 10);
+  var second = parseInt(timeMatch[3], 10);
+  if (isNaN(hour) || isNaN(minute) || isNaN(second)) return {
+    date: undefined,
+    time: undefined
+  };
+  if (hour < 0 || hour > 23) return {
+    date: undefined,
+    time: undefined
+  };
+  if (minute < 0 || minute > 59) return {
+    date: undefined,
+    time: undefined
+  };
+  if (second < 0 || second > 59) return {
+    date: undefined,
+    time: undefined
+  };
+  var date = new Date(year, month, day, hour, minute, second);
+  if (isNaN(date.getTime())) return {
+    date: undefined,
+    time: undefined
+  };
+  return {
+    date: date,
+    time: timePart
+  };
+});
+_rollupPluginBabelHelpers.defineProperty(DateTimePickerUtils, "formatDateTimeToString", function (date, time) {
+  if (!date || !time) return '';
+  var year = date.getFullYear();
+  var month = String(date.getMonth() + 1).padStart(2, '0');
+  var day = String(date.getDate()).padStart(2, '0');
+  return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(time);
+});
+
+exports.DateTimePickerUtils = DateTimePickerUtils;
+//# sourceMappingURL=date_time_picker_utils.js.map

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/select/components/select_item.js

@@ -21,7 +21,7 @@ var SelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_re
     additionalInfo = _ref.additionalInfo,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
+    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[highlighted]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
       'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     style: {

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js

@@ -17,16 +17,14 @@ var TimePickerContent = function TimePickerContent(_ref) {
     onHourChange = _ref.onHourChange,
     onMinuteChange = _ref.onMinuteChange,
     onCancel = _ref.onCancel,
-    onChoose = _ref.onChoose,
-    format = _ref.format;
+    onChoose = _ref.onChoose;
   return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, {
     className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
   }, /*#__PURE__*/React__default['default'].createElement(time_picker_time_selector.TimePickerTimeSelector, {
     hour: hour,
     minute: minute,
     onHourChange: onHourChange,
-    onMinuteChange: onMinuteChange,
-    format: format
+    onMinuteChange: onMinuteChange
   }), /*#__PURE__*/React__default['default'].createElement(time_picker_footer.TimePickerFooter, {
     onCancel: onCancel,
     onChoose: onChoose

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js

@@ -14,10 +14,9 @@ var TimePickerTimeSelector = function TimePickerTimeSelector(_ref) {
   var hour = _ref.hour,
     minute = _ref.minute,
     onHourChange = _ref.onHourChange,
-    onMinuteChange = _ref.onMinuteChange,
-    format = _ref.format;
-  var hourOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('hour', format);
-  var minuteOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('minute', format);
+    onMinuteChange = _ref.onMinuteChange;
+  var hourOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('hour');
+  var minuteOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('minute');
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-flex aurora-items-center aurora-h-[270px]"
   }, /*#__PURE__*/React__default['default'].createElement(time_picker_scroll_column.TimePickerScrollColumn, {

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js

@@ -22,9 +22,7 @@ var TimePicker = function TimePicker(_ref) {
     disabled = _ref.disabled,
     errors = _ref.errors,
     value = _ref.value,
-    onChange = _ref.onChange,
-    _ref$format = _ref.format,
-    format = _ref$format === void 0 ? '24h' : _ref$format;
+    onChange = _ref.onChange;
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -128,8 +126,7 @@ var TimePicker = function TimePicker(_ref) {
     onHourChange: handleHourChange,
     onMinuteChange: handleMinuteChange,
     onCancel: handleCancel,
-    onChoose: handleChoose,
-    format: format
+    onChoose: handleChoose
   }));
 };
 

package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js

@@ -40,15 +40,7 @@ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "formatTimeStringForDi
   return _TimePickerUtils.formatTimeForDisplay(time.hour, time.minute);
 });
 _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
-  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '24h';
   if (type === 'hour') {
-    if (format === '12h') {
-      return Array.from({
-        length: 12
-      }, function (_, i) {
-        return String(i + 1).padStart(2, '0');
-      });
-    }
     return Array.from({
       length: 24
     }, function (_, i) {

package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -137,6 +137,8 @@ var date_picker = require('./components/date_picker/date_picker.js');
 var date_picker_control = require('./components/controls/date_picker_control/date_picker_control.js');
 var time_picker = require('./components/time_picker/time_picker.js');
 var time_picker_control = require('./components/controls/time_picker_control/time_picker_control.js');
+var date_time_picker = require('./components/date_and_time_picker/date_time_picker.js');
+var date_time_picker_control = require('./components/controls/date_and_time_picker_control/date_time_picker_control.js');
 
 
 
@@ -295,4 +297,6 @@ exports.DatePicker = date_picker.DatePicker;
 exports.DatePickerControl = date_picker_control.DatePickerControl;
 exports.TimePicker = time_picker.TimePicker;
 exports.TimePickerControl = time_picker_control.TimePickerControl;
+exports.DateTimePicker = date_time_picker.DateTimePicker;
+exports.DateTimePickerControl = date_time_picker_control.DateTimePickerControl;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TDateTimePickerControlProps } from './date_time_picker_control_types';
+export declare const DateTimePickerControl: React.FC<TDateTimePickerControlProps>;

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js

@@ -0,0 +1,38 @@
+import React__default from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+import { DateTimePicker } from '../../date_and_time_picker/date_time_picker.js';
+
+var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
+var DateTimePickerControl = function DateTimePickerControl(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    tooltip = _ref.tooltip,
+    required = _ref.required,
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    dateTimePickerProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+    htmlFor: id,
+    disabled: disabled,
+    tooltip: tooltip,
+    className: "aurora-text",
+    required: required
+  }, label)) : null, /*#__PURE__*/React__default.createElement(DateTimePicker, _objectSpread2(_objectSpread2({
+    id: id,
+    disabled: disabled
+  }, dateTimePickerProps), {}, {
+    errors: errors
+  })), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+    errors: errors
+  }) : null);
+};
+
+export { DateTimePickerControl };
+//# sourceMappingURL=date_time_picker_control.js.map

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DateTimePickerProps } from "../../date_and_time_picker/date_time_picker_types";
+export declare type TDateTimePickerControlProps = DateTimePickerProps & {
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    required?: boolean;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/date_and_time_picker/date_time_picker_types';
+//# sourceMappingURL=date_time_picker_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date_time_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/date_and_time_picker_control/date_time_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAoC,+DAA+D,CAAC"}

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DateTimePickerProps } from './date_time_picker_types';
+export declare const DateTimePicker: ({ id, datePlaceholder, timePlaceholder, disabled, errors, value, onChange, disabledDays, ...dayPickerProps }: DateTimePickerProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js

@@ -0,0 +1,104 @@
+import React__default, { useMemo, useState, useRef, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Stack } from '../stack/stack.js';
+import { DatePicker } from '../date_picker/date_picker.js';
+import { TimePicker } from '../time_picker/time_picker.js';
+import { DateTimePickerUtils } from './date_time_picker_utils.js';
+
+var _excluded = ["id", "datePlaceholder", "timePlaceholder", "disabled", "errors", "value", "onChange", "disabledDays"];
+var DateTimePicker = function DateTimePicker(_ref) {
+  var id = _ref.id,
+    datePlaceholder = _ref.datePlaceholder,
+    timePlaceholder = _ref.timePlaceholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabledDays = _ref.disabledDays,
+    dayPickerProps = _objectWithoutProperties(_ref, _excluded);
+  var parsedValue = useMemo(function () {
+    return value ? DateTimePickerUtils.parseDateTimeString(value) : {
+      date: undefined,
+      time: undefined
+    };
+  }, [value]);
+  var _useState = useState(parsedValue.date),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalDate = _useState2[0],
+    setInternalDate = _useState2[1];
+  var _useState3 = useState(parsedValue.time),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalTime = _useState4[0],
+    setInternalTime = _useState4[1];
+  var dateRef = useRef(parsedValue.date);
+  var timeRef = useRef(parsedValue.time);
+  var lastValueRef = useRef(value);
+  useEffect(function () {
+    if (value !== lastValueRef.current) {
+      lastValueRef.current = value;
+      setInternalDate(parsedValue.date);
+      setInternalTime(parsedValue.time);
+      dateRef.current = parsedValue.date;
+      timeRef.current = parsedValue.time;
+    }
+  }, [value, parsedValue]);
+  var handleDateChange = function handleDateChange(date) {
+    dateRef.current = date;
+    setInternalDate(date);
+    var currentTime = timeRef.current;
+    if (date && currentTime) {
+      var formattedValue = DateTimePickerUtils.formatDateTimeToString(date, currentTime);
+      lastValueRef.current = formattedValue;
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    } else {
+      lastValueRef.current = '';
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    }
+  };
+  var handleTimeChange = function handleTimeChange(time) {
+    var timeValue = time || undefined;
+    timeRef.current = timeValue;
+    setInternalTime(timeValue);
+    var currentDate = dateRef.current;
+    if (currentDate && timeValue) {
+      var formattedValue = DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
+      lastValueRef.current = formattedValue;
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    } else {
+      lastValueRef.current = '';
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(Stack, {
+    direction: "row",
+    spacing: "3",
+    className: "aurora-w-full"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '60%'
+    }
+  }, /*#__PURE__*/React__default.createElement(DatePicker, _objectSpread2({
+    id: "".concat(id, "-date"),
+    mode: "single",
+    placeholder: datePlaceholder,
+    disabled: disabled,
+    errors: errors,
+    value: internalDate,
+    onChange: handleDateChange,
+    disabledDays: disabledDays
+  }, dayPickerProps))), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '40%'
+    }
+  }, /*#__PURE__*/React__default.createElement(TimePicker, {
+    id: "".concat(id, "-time"),
+    placeholder: timePlaceholder,
+    disabled: disabled,
+    errors: errors,
+    value: internalTime,
+    onChange: handleTimeChange
+  })));
+};
+
+export { DateTimePicker };
+//# sourceMappingURL=date_time_picker.js.map

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.d.ts

@@ -0,0 +1,7 @@
+import type { DatePickerProps } from '../date_picker/date_picker_types';
+export interface DateTimePickerProps extends Omit<DatePickerProps, 'value' | 'onChange' | 'mode' | 'placeholder'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    datePlaceholder?: string;
+    timePlaceholder?: string;
+}

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date_time_picker_types.js.map

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date_time_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_and_time_picker/date_time_picker_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.d.ts

@@ -0,0 +1,7 @@
+export declare class DateTimePickerUtils {
+    static parseDateTimeString: (value: string) => {
+        date: Date | undefined;
+        time: string | undefined;
+    };
+    static formatDateTimeToString: (date: Date | undefined, time: string | undefined) => string;
+}