odaptos_design_system 1.4.37 → 1.4.38

package/dist/DatePicker/DatePicker.d.ts

@@ -28,5 +28,4 @@ export interface DatePickerProps {
     renderLoading?: () => React.ReactNode;
     onChange?: (date: Date | Dayjs | null) => void;
 }
-declare const DatePicker: React.FC<DatePickerProps>;
-export default DatePicker;
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/TimePicker/TimePicker.d.ts

@@ -21,5 +21,4 @@ export interface TimePickerProps {
     helperText?: string;
     onChange?: (date: Date | Dayjs | null) => void;
 }
-declare const TimePicker: React.FC<TimePickerProps>;
-export default TimePicker;
+export declare const TimePicker: React.FC<TimePickerProps>;

package/dist/odaptos_design_system.cjs.development.js

@@ -8,7 +8,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var material = require('@mui/material');
 var Autocomplete = _interopDefault(require('@mui/material/Autocomplete'));
-var styles$F = require('@mui/material/styles');
+var styles$H = require('@mui/material/styles');
 var TextField = _interopDefault(require('@mui/material/TextField'));
 var Chip = _interopDefault(require('@mui/material/Chip'));
 var Grid = _interopDefault(require('@mui/material/Grid'));
@@ -22,16 +22,16 @@ var Popover$1 = _interopDefault(require('@mui/material/Popover'));
 var dayjs = _interopDefault(require('dayjs'));
 var utc = _interopDefault(require('dayjs/plugin/utc'));
 var timezone = _interopDefault(require('dayjs/plugin/timezone'));
-require('@mui/x-date-pickers/AdapterDayjs');
+var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
 require('dayjs/locale/en');
 require('dayjs/locale/en-gb');
 require('dayjs/locale/fr');
 require('dayjs/locale/it');
 require('dayjs/locale/de');
 require('dayjs/locale/es');
-require('@mui/x-date-pickers');
-require('@mui/x-date-pickers/DatePicker');
-require('@mui/x-date-pickers/TimePicker');
+var xDatePickers = require('@mui/x-date-pickers');
+var DatePicker$1 = require('@mui/x-date-pickers/DatePicker');
+var TimePicker$1 = require('@mui/x-date-pickers/TimePicker');
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -4312,7 +4312,7 @@ var css_248z$4 = ".SingleSelect-modules_newAutocomplete__AgBoW{min-width:16rem;w
 var styles$4 = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
 styleInject(css_248z$4);
 
-const CssTextField = /*#__PURE__*/styles$F.styled(material.TextField)({
+const CssTextField = /*#__PURE__*/styles$H.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: 'OpenSans !important',
@@ -4508,7 +4508,7 @@ var css_248z$5 = ".Checkbox-module_checkboxContainer__1EvhC{align-items:center;d
 var styles$5 = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
 styleInject(css_248z$5);
 
-const BpIcon = /*#__PURE__*/styles$F.styled('span')(() => ({
+const BpIcon = /*#__PURE__*/styles$H.styled('span')(() => ({
   borderRadius: '0.25rem',
   border: `1px solid #8A8B8E`,
   width: '1rem',
@@ -4527,7 +4527,7 @@ const BpIcon = /*#__PURE__*/styles$F.styled('span')(() => ({
     cursor: 'not-allowed'
   }
 }));
-const BpCheckedIcon = /*#__PURE__*/styles$F.styled(BpIcon)({
+const BpCheckedIcon = /*#__PURE__*/styles$H.styled(BpIcon)({
   backgroundColor: '#0077FF',
   backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
   border: `1px solid #0077FF`,
@@ -4608,7 +4608,7 @@ var css_248z$6 = ".MultiSelect-modules_newAutocomplete__dsOV3{min-width:16rem;wi
 var styles$6 = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__dsOV3","MuiAutocomplete-endAdornment":"MultiSelect-modules_MuiAutocomplete-endAdornment__FAnRY","tags_container":"MultiSelect-modules_tags_container__zBxat","MuiOutlinedInput-root":"MultiSelect-modules_MuiOutlinedInput-root__23gRS","MuiInputBase-root":"MultiSelect-modules_MuiInputBase-root__Ha7z-","MuiInputBase-formControl":"MultiSelect-modules_MuiInputBase-formControl__IJ5Za","no_scrollbar":"MultiSelect-modules_no_scrollbar__y-0D5","input_top_label":"MultiSelect-modules_input_top_label__AHEc-","text_below":"MultiSelect-modules_text_below__F3i4T","icon":"MultiSelect-modules_icon__UxL7a"};
 styleInject(css_248z$6);
 
-const CssTextField$1 = /*#__PURE__*/styles$F.styled(TextField)({
+const CssTextField$1 = /*#__PURE__*/styles$H.styled(TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: 'OpenSans !important',
@@ -5471,7 +5471,7 @@ var css_248z$i = ".Radio-module_radioBtnWrapper__ZE-oy{align-items:center;displa
 var styles$i = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__ZE-oy","MuiRadio-root":"Radio-module_MuiRadio-root__1Mw0W"};
 styleInject(css_248z$i);
 
-const BpIcon$1 = /*#__PURE__*/styles$F.styled('span')(() => ({
+const BpIcon$1 = /*#__PURE__*/styles$H.styled('span')(() => ({
   borderRadius: '50%',
   width: 16,
   height: 16,
@@ -5487,7 +5487,7 @@ const BpIcon$1 = /*#__PURE__*/styles$F.styled('span')(() => ({
     background: 'rgba(206,217,224,.5)'
   }
 }));
-const BpCheckedIcon$1 = /*#__PURE__*/styles$F.styled(BpIcon$1)({
+const BpCheckedIcon$1 = /*#__PURE__*/styles$H.styled(BpIcon$1)({
   backgroundColor: '#0077FF',
   border: 'none',
   width: 18,
@@ -5693,7 +5693,7 @@ const TooltipLayout = ({
   })));
 };
 
-const StyledTooltip = /*#__PURE__*/styles$F.styled(material.Tooltip)({
+const StyledTooltip = /*#__PURE__*/styles$H.styled(material.Tooltip)({
   [`& .${Tooltip$1.tooltipClasses.tooltip}`]: {
     backgroundColor: '#fff'
   }
@@ -6089,7 +6089,7 @@ var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamily
 var styles$t = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
 styleInject(css_248z$t);
 
-const CssTextField$2 = /*#__PURE__*/styles$F.styled(material.TextField)({
+const CssTextField$2 = /*#__PURE__*/styles$H.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: 'OpenSans !important',
@@ -6666,7 +6666,7 @@ var css_248z$C = ".Task-modules_task_container__Iaqc-{align-items:flex-start;bac
 var styles$C = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","title":"Task-modules_title__-OmPh","disabled_task":"Task-modules_disabled_task__NI6LL","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j","popover_paper":"Task-modules_popover_paper__Re-kl","MuiPopover-root":"Task-modules_MuiPopover-root__w6O-O","MuiPopover-paper":"Task-modules_MuiPopover-paper__7p4Tk"};
 styleInject(css_248z$C);
 
-const CustomPopover = /*#__PURE__*/styles$F.styled(Popover$1)({
+const CustomPopover = /*#__PURE__*/styles$H.styled(Popover$1)({
   '& .MuiPopover-root': {
     borderRadius: '0.5rem',
     background: 'transparent'
@@ -6853,16 +6853,349 @@ const WelcomeMessage = ({
 };
 
 var css_248z$F = ".DatePicker-modules_date_picker__wFy4Q{min-width:16rem;width:100%}.DatePicker-modules_date_picker__wFy4Q label,.DatePicker-modules_date_picker__wFy4Q span{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.DatePicker-modules_date_picker__wFy4Q .DatePicker-modules_MuiAutocomplete-endAdornment__JKyn2{display:flex;gap:.5rem;margin-top:-.35rem!important}.DatePicker-modules_date_picker__wFy4Q input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;padding:8.5px 14px;text-align:left}.DatePicker-modules_date_picker__wFy4Q svg{height:.75rem;width:.75rem}.DatePicker-modules_input_top_label__Qr2GZ{margin-bottom:.625rem}.DatePicker-modules_MuiOutlinedInput-root__B9JxV.DatePicker-modules_MuiInputBase-root__RWfL0.DatePicker-modules_MuiInputBase-formControl__iPq27{align-items:center;display:flex;flex-direction:row}.DatePicker-modules_text_below__YJl9p{margin:.25rem .5rem .25rem .75rem}.DatePicker-modules_icon__bNSRQ{height:1rem!important;margin-left:.25rem;width:1rem!important}";
+var styles$F = {"date_picker":"DatePicker-modules_date_picker__wFy4Q","MuiAutocomplete-endAdornment":"DatePicker-modules_MuiAutocomplete-endAdornment__JKyn2","input_top_label":"DatePicker-modules_input_top_label__Qr2GZ","MuiOutlinedInput-root":"DatePicker-modules_MuiOutlinedInput-root__B9JxV","MuiInputBase-root":"DatePicker-modules_MuiInputBase-root__RWfL0","MuiInputBase-formControl":"DatePicker-modules_MuiInputBase-formControl__iPq27","text_below":"DatePicker-modules_text_below__YJl9p","icon":"DatePicker-modules_icon__bNSRQ"};
 styleInject(css_248z$F);
 
+const CssTextField$3 = /*#__PURE__*/styles$H.styled(material.TextField)({
+  '& .MuiInputBase-input': {
+    color: '#26292E',
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& .MuiInputBase-input.Mui-disabled': {
+    color: '#26292E',
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& .Mui-error': {
+    color: '#26292E'
+  },
+  '& .MuiFormHelperText-root': {
+    color: '#F54C4C'
+  },
+  '& .MuiFormLabel-asterisk': {
+    color: '#F54C4C'
+  },
+  '& .MuiOutlinedInput-root.Mui-disabled': {
+    cursor: 'not-allowed',
+    color: '#26292E',
+    fieldset: {
+      borderColor: '#BCBDBE'
+    },
+    '&:hover fieldset': {
+      borderColor: '#66adff'
+    }
+  },
+  '& label': {
+    color: '#26292E',
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& label.Mui-disabled.Mui-error': {
+    color: '#26292E',
+    opacity: 0.5,
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& label.Mui-focused': {
+    color: '#26292E',
+    fontFamily: 'OpenSans',
+    fontSize: '1rem',
+    backgroundColor: '#fff',
+    marginRight: 5,
+    paddingRight: 5
+  },
+  '& .MuiOutlinedInput-root': {
+    fontFamily: 'OpenSans',
+    '& fieldset': {
+      borderColor: '#96989A'
+    },
+    '& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
+      display: 'none'
+    },
+    '& input[type=number]': {
+      MozAppearance: 'textfield'
+    },
+    '&:hover fieldset': {
+      borderColor: '#0077FF'
+    },
+    '&.Mui-focused fieldset': {
+      borderColor: '#0077FF'
+    },
+    '&.Mui-error fieldset': {
+      borderColor: '#F54C4C'
+    },
+    '&.Mui-disabled .Mui-focused fieldset': {
+      borderColor: 'rgba(0, 119, 255, 0.5)'
+    },
+    '& .MuiAutocomplete-endAdornment': {
+      height: '99%',
+      marginTop: '-0.20rem',
+      '& .MuiButtonBase-root': {
+        height: '99%',
+        '&:hover': {
+          background: 'transparent'
+        }
+      }
+    }
+  }
+});
 dayjs.extend(utc);
 dayjs.extend(timezone);
+const DatePicker = ({
+  className,
+  label,
+  value,
+  openTo = 'day',
+  format,
+  disabled,
+  disableFuture,
+  disablePast,
+  loading,
+  locale = 'en',
+  maxDate,
+  minDate,
+  placeholder,
+  required,
+  error,
+  errorText,
+  helperText,
+  timezone = dayjs.tz.guess(),
+  //Guess the user's timezone
+  renderLoading,
+  onChange
+}) => {
+  //Convert everything to dayjs format
+  if (value && !dayjs.isDayjs(value)) {
+    value = dayjs(value);
+  }
+  if (maxDate && !dayjs.isDayjs(maxDate)) {
+    maxDate = dayjs(maxDate);
+  }
+  if (minDate && !dayjs.isDayjs(minDate)) {
+    minDate = dayjs(minDate);
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement(xDatePickers.LocalizationProvider, {
+    dateAdapter: AdapterDayjs.AdapterDayjs,
+    adapterLocale: locale
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: className || styles$F.date_picker
+  }, /*#__PURE__*/React__default.createElement(DatePicker$1.DatePicker, {
+    label: label,
+    value: value,
+    views: ['day', 'month', 'year'],
+    openTo: openTo,
+    format: format,
+    slots: {
+      openPickerIcon: () => /*#__PURE__*/React__default.createElement(AgendaIcon, {
+        fill: disabled ? colors.neutral_500 : colors.black
+      }),
+      clearIcon: () => /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
+        fill: disabled ? colors.neutral_500 : colors.black
+      }),
+      textField: params => /*#__PURE__*/React__default.createElement(CssTextField$3, Object.assign({}, params, {
+        variant: "outlined",
+        fullWidth: true,
+        label: label,
+        placeholder: placeholder,
+        size: "small",
+        required: required,
+        error: error
+      }))
+    },
+    slotProps: {
+      field: {
+        clearable: true
+      }
+    },
+    disabled: disabled,
+    disableFuture: disableFuture,
+    disablePast: disablePast,
+    loading: loading,
+    maxDate: maxDate,
+    minDate: minDate,
+    timezone: timezone,
+    renderLoading: renderLoading,
+    onChange: onChange
+  }), errorText && /*#__PURE__*/React__default.createElement(Text, {
+    size: "xs",
+    color: "#F54C4C",
+    italic: true,
+    text: errorText,
+    className: styles$F.text_below
+  }), helperText && /*#__PURE__*/React__default.createElement(Text, {
+    size: "xs",
+    italic: true,
+    text: helperText,
+    className: styles$F.text_below
+  }))));
+};
 
 var css_248z$G = ".TimePicker-modules_time_picker__ZkERd{min-width:16rem;width:100%}.TimePicker-modules_time_picker__ZkERd label,.TimePicker-modules_time_picker__ZkERd span{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.TimePicker-modules_time_picker__ZkERd .TimePicker-modules_MuiAutocomplete-endAdornment__P6--J{display:flex;gap:.5rem;margin-top:-.35rem!important}.TimePicker-modules_time_picker__ZkERd input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TimePicker-modules_time_picker__ZkERd svg{height:.75rem;width:.75rem}.TimePicker-modules_input_top_label__0eniB{margin-bottom:.625rem}.TimePicker-modules_MuiOutlinedInput-root__BT6Wo.TimePicker-modules_MuiInputBase-root__JnzNf.TimePicker-modules_MuiInputBase-formControl__6jzc3{align-items:center;display:flex;flex-direction:row}.TimePicker-modules_text_below__u9PYB{margin:.25rem .5rem .25rem .75rem}.TimePicker-modules_icon__7nspv{height:1rem!important;margin-left:.25rem;width:1rem!important}";
+var styles$G = {"time_picker":"TimePicker-modules_time_picker__ZkERd","MuiAutocomplete-endAdornment":"TimePicker-modules_MuiAutocomplete-endAdornment__P6--J","input_top_label":"TimePicker-modules_input_top_label__0eniB","MuiOutlinedInput-root":"TimePicker-modules_MuiOutlinedInput-root__BT6Wo","MuiInputBase-root":"TimePicker-modules_MuiInputBase-root__JnzNf","MuiInputBase-formControl":"TimePicker-modules_MuiInputBase-formControl__6jzc3","text_below":"TimePicker-modules_text_below__u9PYB","icon":"TimePicker-modules_icon__7nspv"};
 styleInject(css_248z$G);
 
+const CssTextField$4 = /*#__PURE__*/styles$H.styled(material.TextField)({
+  '& .MuiInputBase-input': {
+    color: '#26292E',
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& .MuiInputBase-input.Mui-disabled': {
+    color: '#26292E',
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& .Mui-error': {
+    color: '#26292E'
+  },
+  '& .MuiFormHelperText-root': {
+    color: '#F54C4C'
+  },
+  '& .MuiFormLabel-asterisk': {
+    color: '#F54C4C'
+  },
+  '& .MuiOutlinedInput-root.Mui-disabled': {
+    cursor: 'not-allowed',
+    color: '#26292E',
+    fieldset: {
+      borderColor: '#BCBDBE'
+    },
+    '&:hover fieldset': {
+      borderColor: '#66adff'
+    }
+  },
+  '& label': {
+    color: '#26292E',
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& label.Mui-disabled.Mui-error': {
+    color: '#26292E',
+    opacity: 0.5,
+    fontFamily: 'OpenSans !important',
+    fontSize: '1rem'
+  },
+  '& label.Mui-focused': {
+    color: '#26292E',
+    fontFamily: 'OpenSans',
+    fontSize: '1rem',
+    backgroundColor: '#fff',
+    marginRight: 5,
+    paddingRight: 5
+  },
+  '& .MuiOutlinedInput-root': {
+    fontFamily: 'OpenSans',
+    '& fieldset': {
+      borderColor: '#96989A'
+    },
+    '& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
+      display: 'none'
+    },
+    '& input[type=number]': {
+      MozAppearance: 'textfield'
+    },
+    '&:hover fieldset': {
+      borderColor: '#0077FF'
+    },
+    '&.Mui-focused fieldset': {
+      borderColor: '#0077FF'
+    },
+    '&.Mui-error fieldset': {
+      borderColor: '#F54C4C'
+    },
+    '&.Mui-disabled .Mui-focused fieldset': {
+      borderColor: 'rgba(0, 119, 255, 0.5)'
+    },
+    '& .MuiAutocomplete-endAdornment': {
+      height: '99%',
+      marginTop: '-0.20rem',
+      '& .MuiButtonBase-root': {
+        height: '99%',
+        '&:hover': {
+          background: 'transparent'
+        }
+      }
+    }
+  }
+});
 dayjs.extend(utc);
 dayjs.extend(timezone);
+const TimePicker = ({
+  className,
+  label,
+  value,
+  format,
+  disabled,
+  locale = 'en',
+  placeholder,
+  required,
+  error,
+  errorText,
+  helperText,
+  timezone = dayjs.tz.guess(),
+  //Guess the user's timezone
+  onChange
+}) => {
+  //If value is not in dayjs format, convert it
+  if (value && !dayjs.isDayjs(value)) {
+    value = dayjs(value);
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement(xDatePickers.LocalizationProvider, {
+    dateAdapter: AdapterDayjs.AdapterDayjs,
+    adapterLocale: locale
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: className || styles$G.time_picker
+  }, /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
+    label: label,
+    value: value,
+    format: format,
+    slots: {
+      openPickerIcon: () => /*#__PURE__*/React__default.createElement(ClockIcon, {
+        fill: disabled ? colors.neutral_500 : colors.black
+      }),
+      clearIcon: () => /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
+        fill: disabled ? colors.neutral_500 : colors.black
+      }),
+      textField: params => /*#__PURE__*/React__default.createElement(CssTextField$4, Object.assign({}, params, {
+        fullWidth: true,
+        variant: "outlined",
+        label: label,
+        placeholder: placeholder,
+        size: "small",
+        required: required,
+        error: error
+      }))
+    },
+    slotProps: {
+      field: {
+        clearable: true
+      }
+    },
+    disabled: disabled,
+    timezone: timezone,
+    onChange: onChange
+  }), errorText && /*#__PURE__*/React__default.createElement(Text, {
+    size: "xs",
+    color: "#F54C4C",
+    italic: true,
+    text: errorText,
+    className: styles$G.text_below
+  }), helperText && /*#__PURE__*/React__default.createElement(Text, {
+    size: "xs",
+    italic: true,
+    text: helperText,
+    className: styles$G.text_below
+  }))));
+};
 
 exports.Accordion = Accordion;
 exports.AccountIcon = AccountIcon;
@@ -6919,6 +7252,7 @@ exports.ClipIcon = ClipIcon;
 exports.ClockIcon = ClockIcon;
 exports.CopyPasteIcon = CopyPasteIcon;
 exports.CreditCardIcon = CreditCardIcon;
+exports.DatePicker = DatePicker;
 exports.DownloadIcon = DownloadIcon;
 exports.DragDropIcon = DragDropIcon;
 exports.EarthIcon = EarthIcon;
@@ -7010,6 +7344,7 @@ exports.TextForButton = TextForButton;
 exports.TextForDropDownItem = TextForDropDownItem;
 exports.TextInput = TextInput;
 exports.Textarea = Textarea;
+exports.TimePicker = TimePicker;
 exports.Title = Title;
 exports.Toast = Toast;
 exports.Tooltip = Tooltip;