@televet/kibble-ui 5.0.22 → 5.0.23-alpha.2

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-nhRTQ5KK.js"),b=require("../chunks/alert.types-8mtsdXr4.js"),h=require("../chunks/avatar.component-BGgZoVJS.js"),p=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CJCQSIyr.js"),k=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),C=require("../chunks/buttonGroup.component-pR0mvmm7.js"),P=require("../chunks/calendar.component-BFSyxaB6.js"),D=require("../chunks/card.component-BmBiYbMV.js"),M=require("../chunks/card.types-MvkQTTZF.js"),z=require("../chunks/characterCounter.component-BRHLt929.js"),x=require("../chunks/checkbox.component-C132vkan.js"),B=require("../chunks/checkboxGroup.component-2U0ZW1TD.js"),V=require("../chunks/conversationCard.component-CscMIq51.js"),f=require("../chunks/datePicker.component-BuGpHTzS.js"),I=require("../chunks/datePicker.provider-i35-VNAb.js"),n=require("../chunks/dateTimePicker.component-BlWhC5aT.js"),w=require("../chunks/divider.component-BX3zyB7O.js"),r=require("../chunks/divider.types-DBNcs0IR.js"),A=require("../chunks/heading.component-DnoZOXdz.js"),W=require("../chunks/icon.component-B1hr5lLa.js"),G=require("../chunks/icon.types-2obj_NKG.js"),R=require("../chunks/link.component-_YXG8MDq.js"),u=require("../chunks/logo.types-88a31xCx.js"),d=require("../chunks/maintenanceBanner.types-BsNjAlXa.js"),L=require("../chunks/menu.component-D2V9Q1Y5.js"),t=require("../chunks/modal.types-D_t0UdS6.js"),K=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),O=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-Can9f1Eu.js"),N=require("../chunks/popover.component-DTjA1GSd.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-U1ep9nrN.js"),E=require("../chunks/radiomark.component-YJNr68s7.js"),F=require("../chunks/rating.component-DsHkKmA7.js"),H=require("../chunks/ratingDots.component-CZ370iI3.js"),j=require("../chunks/select.component-OrsHXCMz.js"),J=require("../chunks/sortableList.component-2yX2pXs7.js"),Q=require("../chunks/spinner.component-Dq6u4vVL.js"),U=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),X=require("../chunks/switch.component-BYEMhBCA.js"),s=require("../chunks/tab.types-B8hOk0uV.js"),Y=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-B899iqQP.js"),Z=require("../chunks/text.component-BDDz5KQP.js"),$=require("../chunks/textInput.component-CwTc0h_F.js"),ee=require("../chunks/textarea.component-BIg_XX_R.js"),y=require("../chunks/timePicker.component-D5hw80VV.js"),te=require("../chunks/timeRange.component-D3Db8lvh.js"),oe=require("../chunks/timestamp.component-BfmZPfy5.js"),ne=require("./components/Toast/index.cjs"),re=require("../chunks/tooltip.component-DBw-hAPU.js"),ie=require("../chunks/numberInput.component-DGPEz0Fv.js"),ae=require("../chunks/withDarkMode-R08khTA6.js"),se=require("../chunks/withLightMode-Crw8xtkD.js"),ce=require("./hooks/useBreakpoint/index.cjs"),pe=require("./hooks/useColorMode/index.cjs"),ue=require("./hooks/useColorModeValue/index.cjs"),de=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),me=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-DwwXiHZn.js");exports.Alert=g.Alert;exports.alertButtonPositions=b.alertButtonPositions;exports.Avatar=h.Avatar;exports.avatarSizes=p.avatarSizes;exports.avatarVariants=p.avatarVariants;exports.AvatarGroup=S.AvatarGroup;exports.Button=k.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Calendar=P.Calendar;exports.Card=D.Card;exports.cardSizes=M.cardSizes;exports.CharacterCounter=z.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=B.WrappedCheckboxGroup;exports.ConversationCard=V.ConversationCard;exports.DatePicker=f.DatePicker;exports.DateFormats=I.DateFormats;exports.DateTimePicker=n.DateTimePicker;exports.DateTimePickerDefaultOptionValue=n.DateTimePickerDefaultOptionValue;exports.calendarViews=n.calendarViews;exports.Divider=w.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=A.WrappedHeading;exports.Icon=W.Icon;exports.iconSizes=G.iconSizes;exports.Link=R.Link;exports.Logo=u.Logo;exports.logoTypes=u.logoTypes;exports.MaintenanceBanner=d.MaintenanceBanner;exports.maintenanceBannerEnvKeys=d.maintenanceBannerEnvKeys;exports.Menu=L.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=K.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=O.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=N.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=E.Radiomark;exports.Rating=F.WrappedRating;exports.RatingDots=H.WrappedRatingDots;exports.Select=j.WrappedSelect;exports.SortableList=J.SortableList;exports.Spinner=Q.Spinner;exports.spinnerSizes=U.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=X.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=Y.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=Z.WrappedText;exports.TextInput=$.WrappedTextInput;exports.Textarea=ee.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=te.TimeRange;exports.Timestamp=oe.Timestamp;exports.useToast=ne.useToast;exports.Tooltip=re.Tooltip;exports.NumberInput=ie.WrappedNumberInput;exports.withDarkMode=ae.withDarkMode;exports.withLightMode=se.withLightMode;exports.useBreakpoint=ce.useBreakpoint;exports.useColorMode=pe.useColorMode;exports.useColorModeValue=ue.useColorModeValue;exports.useDeviceType=de.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=me.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-nhRTQ5KK.js"),b=require("../chunks/alert.types-8mtsdXr4.js"),h=require("../chunks/avatar.component-BGgZoVJS.js"),p=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CJCQSIyr.js"),k=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),C=require("../chunks/buttonGroup.component-pR0mvmm7.js"),P=require("../chunks/calendar.component-BFSyxaB6.js"),D=require("../chunks/card.component-BmBiYbMV.js"),M=require("../chunks/card.types-MvkQTTZF.js"),z=require("../chunks/characterCounter.component-BRHLt929.js"),x=require("../chunks/checkbox.component-C132vkan.js"),B=require("../chunks/checkboxGroup.component-2U0ZW1TD.js"),V=require("../chunks/conversationCard.component-CscMIq51.js"),f=require("../chunks/datePicker.component-BuGpHTzS.js"),I=require("../chunks/datePicker.provider-i35-VNAb.js"),n=require("../chunks/dateTimePicker.component-BBFEwtxH.js"),w=require("../chunks/divider.component-BX3zyB7O.js"),r=require("../chunks/divider.types-DBNcs0IR.js"),A=require("../chunks/heading.component-DnoZOXdz.js"),W=require("../chunks/icon.component-B1hr5lLa.js"),G=require("../chunks/icon.types-2obj_NKG.js"),R=require("../chunks/link.component-_YXG8MDq.js"),u=require("../chunks/logo.types-88a31xCx.js"),d=require("../chunks/maintenanceBanner.types-BsNjAlXa.js"),L=require("../chunks/menu.component-D2V9Q1Y5.js"),t=require("../chunks/modal.types-D_t0UdS6.js"),K=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),O=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-Can9f1Eu.js"),N=require("../chunks/popover.component-DTjA1GSd.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-U1ep9nrN.js"),E=require("../chunks/radiomark.component-YJNr68s7.js"),F=require("../chunks/rating.component-DsHkKmA7.js"),H=require("../chunks/ratingDots.component-CZ370iI3.js"),j=require("../chunks/select.component-OrsHXCMz.js"),J=require("../chunks/sortableList.component-2yX2pXs7.js"),Q=require("../chunks/spinner.component-Dq6u4vVL.js"),U=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),X=require("../chunks/switch.component-BYEMhBCA.js"),s=require("../chunks/tab.types-B8hOk0uV.js"),Y=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-B899iqQP.js"),Z=require("../chunks/text.component-BDDz5KQP.js"),$=require("../chunks/textInput.component-CwTc0h_F.js"),ee=require("../chunks/textarea.component-BIg_XX_R.js"),y=require("../chunks/timePicker.component-DvRX0gHU.js"),te=require("../chunks/timeRange.component-BYa0-d6e.js"),oe=require("../chunks/timestamp.component-BfmZPfy5.js"),ne=require("./components/Toast/index.cjs"),re=require("../chunks/tooltip.component-DBw-hAPU.js"),ie=require("../chunks/numberInput.component-DGPEz0Fv.js"),ae=require("../chunks/withDarkMode-R08khTA6.js"),se=require("../chunks/withLightMode-Crw8xtkD.js"),ce=require("./hooks/useBreakpoint/index.cjs"),pe=require("./hooks/useColorMode/index.cjs"),ue=require("./hooks/useColorModeValue/index.cjs"),de=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),me=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-DwwXiHZn.js");exports.Alert=g.Alert;exports.alertButtonPositions=b.alertButtonPositions;exports.Avatar=h.Avatar;exports.avatarSizes=p.avatarSizes;exports.avatarVariants=p.avatarVariants;exports.AvatarGroup=S.AvatarGroup;exports.Button=k.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Calendar=P.Calendar;exports.Card=D.Card;exports.cardSizes=M.cardSizes;exports.CharacterCounter=z.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=B.WrappedCheckboxGroup;exports.ConversationCard=V.ConversationCard;exports.DatePicker=f.DatePicker;exports.DateFormats=I.DateFormats;exports.DateTimePicker=n.DateTimePicker;exports.DateTimePickerDefaultOptionValue=n.DateTimePickerDefaultOptionValue;exports.calendarViews=n.calendarViews;exports.Divider=w.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=A.WrappedHeading;exports.Icon=W.Icon;exports.iconSizes=G.iconSizes;exports.Link=R.Link;exports.Logo=u.Logo;exports.logoTypes=u.logoTypes;exports.MaintenanceBanner=d.MaintenanceBanner;exports.maintenanceBannerEnvKeys=d.maintenanceBannerEnvKeys;exports.Menu=L.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=K.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=O.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=N.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=E.Radiomark;exports.Rating=F.WrappedRating;exports.RatingDots=H.WrappedRatingDots;exports.Select=j.WrappedSelect;exports.SortableList=J.SortableList;exports.Spinner=Q.Spinner;exports.spinnerSizes=U.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=X.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=Y.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=Z.WrappedText;exports.TextInput=$.WrappedTextInput;exports.Textarea=ee.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=te.TimeRange;exports.Timestamp=oe.Timestamp;exports.useToast=ne.useToast;exports.Tooltip=re.Tooltip;exports.NumberInput=ie.WrappedNumberInput;exports.withDarkMode=ae.withDarkMode;exports.withLightMode=se.withLightMode;exports.useBreakpoint=ce.useBreakpoint;exports.useColorMode=pe.useColorMode;exports.useColorModeValue=ue.useColorModeValue;exports.useDeviceType=de.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=me.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
 //# sourceMappingURL=index.cjs.map

package/dist/esm/components/DateTimePicker/index.js

@@ -1,4 +1,4 @@
-import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-CLAI_Q6e.js";
+import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-e_FSHVo4.js";
 export {
   i as DateTimePicker,
   r as DateTimePickerDefaultOptionValue,

package/dist/esm/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-import { M as r, T as m } from "../../../chunks/timePicker.component-BCMX6aqb.js";
+import { M as r, T as m } from "../../../chunks/timePicker.component-BjA0Ax6p.js";
 export {
   r as Meridiem,
   m as TimePicker

package/dist/esm/components/TimeRange/index.js

@@ -1,4 +1,4 @@
-import { T as m } from "../../../chunks/timeRange.component-BZHpZeAX.js";
+import { T as m } from "../../../chunks/timeRange.component-BE5hGSQM.js";
 export {
   m as TimeRange
 };

package/dist/esm/components/index.js

@@ -15,7 +15,7 @@ import { W as h } from "../../chunks/checkboxGroup.component-DW9qUlSm.js";
 import { C as L } from "../../chunks/conversationCard.component-DByFo4jj.js";
 import { D as G } from "../../chunks/datePicker.component-CLTjEX7i.js";
 import { D as O } from "../../chunks/datePicker.provider-CttuPiiS.js";
-import { D as F, a as H, c as K } from "../../chunks/dateTimePicker.component-CLAI_Q6e.js";
+import { D as F, a as H, c as K } from "../../chunks/dateTimePicker.component-e_FSHVo4.js";
 import { D as q } from "../../chunks/divider.component-CFOh4Nw3.js";
 import { d as Q, a as U, b as X } from "../../chunks/divider.types-6MEkMNbx.js";
 import { W as Z } from "../../chunks/heading.component-CpSAN3cv.js";
@@ -50,8 +50,8 @@ import { T as Sa, a as ba } from "../../chunks/tagBlock.component-CT7_RyJ-.js";
 import { W as Ca } from "../../chunks/text.component-DhuUgP3j.js";
 import { W as ga } from "../../chunks/textInput.component-BeiTxTkS.js";
 import { W as Wa } from "../../chunks/textarea.component-C6Wt1Pk8.js";
-import { M as Ba, T as ka } from "../../chunks/timePicker.component-BCMX6aqb.js";
-import { T as Aa } from "../../chunks/timeRange.component-BZHpZeAX.js";
+import { M as Ba, T as ka } from "../../chunks/timePicker.component-BjA0Ax6p.js";
+import { T as Aa } from "../../chunks/timeRange.component-BE5hGSQM.js";
 import { T as Ia } from "../../chunks/timestamp.component-DkLjxUsy.js";
 import { useToast as ha } from "./Toast/index.js";
 import { T as La } from "../../chunks/tooltip.component-CHohp2qn.js";

package/dist/esm/index.js

@@ -15,7 +15,7 @@ import { W as w } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
 import { C as L } from "../chunks/conversationCard.component-DByFo4jj.js";
 import { D as G } from "../chunks/datePicker.component-CLTjEX7i.js";
 import { D as N } from "../chunks/datePicker.provider-CttuPiiS.js";
-import { D as E, a as F, c as H } from "../chunks/dateTimePicker.component-CLAI_Q6e.js";
+import { D as E, a as F, c as H } from "../chunks/dateTimePicker.component-e_FSHVo4.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as Q, a as U, b as X } from "../chunks/divider.types-6MEkMNbx.js";
 import { W as Z } from "../chunks/heading.component-CpSAN3cv.js";
@@ -50,8 +50,8 @@ import { T as Sr, a as br } from "../chunks/tagBlock.component-CT7_RyJ-.js";
 import { W as Cr } from "../chunks/text.component-DhuUgP3j.js";
 import { W as Dr } from "../chunks/textInput.component-BeiTxTkS.js";
 import { W as hr } from "../chunks/textarea.component-C6Wt1Pk8.js";
-import { M as Mr, T as kr } from "../chunks/timePicker.component-BCMX6aqb.js";
-import { T as zr } from "../chunks/timeRange.component-BZHpZeAX.js";
+import { M as Mr, T as kr } from "../chunks/timePicker.component-BjA0Ax6p.js";
+import { T as zr } from "../chunks/timeRange.component-BE5hGSQM.js";
 import { T as Vr } from "../chunks/timestamp.component-DkLjxUsy.js";
 import { useToast as wr } from "./components/Toast/index.js";
 import { T as Lr } from "../chunks/tooltip.component-CHohp2qn.js";

package/dist/types/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface DateTimePickerCustomViewProps {
     /** Determines if the calendar view is single. */
     isSingleView: boolean;
+    timezoneOverride?: string;
 }
-export declare const DateTimePickerCustomView: ({ isSingleView }: DateTimePickerCustomViewProps) => React.JSX.Element;
+export declare const DateTimePickerCustomView: ({ isSingleView, timezoneOverride, }: DateTimePickerCustomViewProps) => React.JSX.Element;
 export {};

package/dist/types/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.d.ts

@@ -5,6 +5,7 @@ interface DateTimePickerRangeSelectorProps {
     label: string;
     /** Type of range selector. */
     rangeType: FocusedInput;
+    timezoneOverride?: string;
 }
-export declare const DateTimePickerRangeSelector: ({ label, rangeType, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
+export declare const DateTimePickerRangeSelector: ({ label, rangeType, timezoneOverride, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
 export {};

package/dist/types/components/DateTimePicker/dateTimePicker.component.d.ts

@@ -25,9 +25,14 @@ export interface DateTimePickerProps extends DateProps {
      * @default true
      */
     showQuickOptions?: boolean;
+    /**
+     * Whether a specific timezone should override the default timezone we detect from the browser,
+     * typically used for impersonations
+     */
+    timezoneOverride?: string;
     /** Data test id for the date time picker.
      * @default kibble-datetime-picker
      */
     'data-testid'?: string;
 }
-export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, ...rest }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, timezoneOverride, ...rest }: DateTimePickerProps) => React.JSX.Element;

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -20,10 +20,18 @@ export interface TimePickerProps {
      * @default bottom
      */
     placement?: Placement;
+    /**
+     * If set, displays and processes the time in a specific timezone (typically for impersonation)
+     */
+    timezoneOverride?: string;
+    /**
+     * Show the timezone abbreviation (if available) beside the component
+     */
+    showTimezoneAbr?: boolean;
     /**
      * Data test id for the time picker.
      * @default kibble-timepicker
      */
     'data-testid'?: string;
 }
-export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
+export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, timezoneOverride, showTimezoneAbr, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;

package/dist/types/shared/utils/convertToTimezoneOverride.d.ts

@@ -0,0 +1,5 @@
+export declare const convertToTimezoneOverride: ({ date, timezoneOverride, reverse, }: {
+    date: Date;
+    timezoneOverride: string;
+    reverse?: boolean;
+}) => Date;

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.22",
+  "version": "5.0.23-alpha.2",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -36,7 +36,8 @@
     "publishBeta": "npm run build && npm publish --tag beta",
     "start": "WATCHPACK_POLLING=1 npm run generate:icons & WATCHPACK_POLLING=1 npm run generate:logos & WATCHPACK_POLLING=1 npm run theme:watch & WATCHPACK_POLLING=1 storybook dev -p 6006",
     "test-storybook": "npm run build:preparation && vitest --project=storybook",
-    "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
+    "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch",
+    "makeLocalPackage": "npm run build && npm pack"
   },
   "engines": {
     "node": ">=20.0.0",
@@ -175,16 +176,18 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
     "lodash-es": "^4.17.21",
+    "@date-fns/tz": "^1.4.1",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@televet/kibble-primitives": "*",
     "@chakra-ui/react": "^3.24.0",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@televet/kibble-primitives": "*",
     "next-themes": "^0.4.6"
   }
 }

package/dist/chunks/dateTimePicker.component-BlWhC5aT.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),O=require("./button.component-DjdgBXDC.js"),u=require("./datePicker.provider-i35-VNAb.js"),N=require("./usePortalContentRef-CTrvBQ7I.js"),I=require("./popover.recipe-CtptsJg6.js"),l=require("./format-CK7Imh-5.js"),v=require("./isToday-BgNkHh5t.js"),Y=require("./popover-root-provider-CZDbUJ2K.js"),E=require("./flex-BOU6tYUd.js"),L=require("../cjs/hooks/useBreakpoint/index.cjs"),j=require("./index-BQRnVsAg.js"),B=require("./text.component-BDDz5KQP.js"),H=require("./textInput.component-CwTc0h_F.js"),$=require("./timePicker.component-D5hw80VV.js"),f=require("./grid-item-CH3dbZHL.js"),G=require("./divider.component-BX3zyB7O.js"),z=require("./create-slot-recipe-context-HXE1VazG.js"),A=require("./index-Ts8g8jZd.js"),R=require("./popover-C7aj8Iwj.js");var o=(t=>(t.Today="Today",t.Yesterday="Yesterday",t.ThisWeek="ThisWeek",t.LastWeek="LastWeek",t.ThisMonth="ThisMonth",t.LastMonth="LastMonth",t.Custom="Custom",t))(o||{});const Q=["single","double"],V=[{label:"Today",value:o.Today},{label:"Yesterday",value:o.Yesterday},{label:"This Week",value:o.ThisWeek},{label:"Last Week",value:o.LastWeek},{label:"This Month",value:o.ThisMonth},{label:"Last Month",value:o.LastMonth},{label:"Custom",value:o.Custom,iconName:"calendarPen"}],J={single:1,double:2};function K(t){return l.startOfDay(Date.now(),t)}function U(t){return u.endOfDay(Date.now(),t)}function X(t){const e=v.constructNow(t?.in),n=e.getFullYear(),r=e.getMonth(),a=e.getDate(),i=v.constructNow(t?.in);return i.setFullYear(n,r,a-1),i.setHours(0,0,0,0),i}function Z(t){const e=v.constructNow(t?.in),n=l.constructFrom(t?.in,0);return n.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()-1),n.setHours(23,59,59,999),n}function M(t,e){const n=l.getDefaultOptions(),r=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=l.toDate(t,e?.in),i=a.getDay(),m=(i<r?-7:0)+6-(i-r);return a.setDate(a.getDate()+m),a.setHours(23,59,59,999),a}function P(t,e){const n=l.toDate(t,e?.in);return n.setDate(1),n.setHours(0,0,0,0),n}function _(t,e){const n=l.toDate(t,e?.in),r=n.getMonth();return n.setFullYear(n.getFullYear(),r+1,0),n.setHours(23,59,59,999),n}function ee(t,e,n){return u.addDays(t,e*7,n)}function te(t,e,n){return ee(t,-1,n)}function ne(t,e,n){return u.addMonths(t,-1,n)}function w(t,e){return+l.toDate(t)==+l.toDate(e)}const W=t=>{const e=new Date;switch(t){case o.Today:return{startDate:K(),endDate:U()};case o.Yesterday:return{startDate:X(),endDate:Z()};case o.ThisWeek:return{startDate:l.startOfWeek(e,{weekStartsOn:1}),endDate:M(e,{weekStartsOn:1})};case o.LastWeek:{const n=te(e);return{startDate:l.startOfWeek(n,{weekStartsOn:1}),endDate:M(n,{weekStartsOn:1})}}case o.ThisMonth:return{startDate:P(e),endDate:_(e)};case o.LastMonth:{const n=ne(e);return{startDate:P(n),endDate:_(n)}}default:return null}},se=(t,e)=>{if(!t||!e)return o.Today;const n=[o.Today,o.Yesterday,o.ThisWeek,o.LastWeek,o.ThisMonth,o.LastMonth];for(const r of n){const a=W(r);if(a&&w(t,a.startDate)&&w(e,a.endDate))return r}return o.Custom},oe=({selectedQuickOption:t,setSelectedQuickOption:e,["data-testid"]:n="kibble-datetime-picker-quick-options"})=>{const{setFocusedInput:r,onQuickOptionSelect:a}=u.useDatePickerContext(),{setOpen:i}=Y.usePopoverContext(),m=c=>{if(e(c),c===o.Custom){r(u.FocusedInput.StartDate);return}const p=W(c);p&&(a(p),i(!1))};return s.jsxRuntimeExports.jsx(E.Flex,{className:"DateTimePicker__QuickFilters",flexDirection:"column",gap:2,w:"100%",maxW:"120px",children:V.map(c=>s.jsxRuntimeExports.jsx(O.Button,{className:"DateTimePicker__Option","data-testid":`${n}-option-${c.value}`,variant:"secondarySubtle",...c.iconName&&{iconName:c.iconName,iconPosition:"right"},...t===c.value&&{active:!0},onClick:()=>m(c.value),children:c.label},c.value))})},S=({label:t,rangeType:e})=>{const{startDate:n,endDate:r,dateFormat:a,focusedInput:i,setFocusedInput:m,onTimeChange:c}=u.useDatePickerContext(),p=d.useMemo(()=>(e===u.FocusedInput.StartDate?n:r)||new Date,[n,r,e]),g=d.useMemo(()=>l.format(p,a),[p,a]),D=x=>{x&&c(x,e)};return s.jsxRuntimeExports.jsxs(f.Grid,{alignItems:"center",templateColumns:"repeat(5, 1fr)",gap:1,bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,flex:"0 0 50%",children:[s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:1,children:s.jsxRuntimeExports.jsx(B.WrappedText,{size:"sm",fontWeight:"semibold",textAlign:"center",children:t})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx(H.WrappedTextInput,{readOnly:!0,value:g,onClick:()=>m(e),...i===e&&{"data-focus":!0}})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx($.TimePicker,{minuteInterval:1,initialTime:p,onClose:x=>D(x),inputProps:{rightElement:void 0,onClick:()=>m(e)}})})]})},re=({isSingleView:t})=>{const{focusedInput:e,setFocusedInput:n}=u.useDatePickerContext();return d.useEffect(()=>{e||n(u.FocusedInput.StartDate)},[e,n]),s.jsxRuntimeExports.jsxs(j.Box,{className:"DateTimePicker__CustomFilters",mt:-1,children:[s.jsxRuntimeExports.jsxs(E.Flex,{className:"DateTimePicker__CustomFilters__RangeSelectors",flexDirection:t?"column":"row",alignItems:"center",gap:2,justifyContent:"space-between",children:[s.jsxRuntimeExports.jsx(S,{label:"Start",rangeType:u.FocusedInput.StartDate}),s.jsxRuntimeExports.jsx(S,{label:"End",rangeType:u.FocusedInput.EndDate})]}),s.jsxRuntimeExports.jsxs(j.Box,{className:"CalendarView",bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,mt:5,children:[s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Header",bgColor:"background.accent.subtle",borderRadius:"md",children:s.jsxRuntimeExports.jsx(u.DatePickerHeader,{triggerProps:{variant:"ghostNeutral"}})}),s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Body",children:s.jsxRuntimeExports.jsx(u.DatePickerCalendar,{showMonthLabels:!0})})]})]})},ae=({trigger:t,calendarView:e="double",portalled:n=!0,showQuickOptions:r=!0,["data-testid"]:a="kibble-datetime-picker",...i})=>{const m=d.useMemo(()=>{const T=new Date;return{startDate:l.startOfDay(T),endDate:u.endOfDay(T)}},[]),{contentRef:c}=N.usePortalContentRef(),g=z.useSlotRecipe({recipe:I.popoverRecipe})(),D=L.useBreakpoint(),x=d.useMemo(()=>r?se(i.startDate||null,i.endDate||null):o.Custom,[r,i.startDate,i.endDate]),[h,y]=d.useState(x);d.useEffect(()=>{y(x)},[x]);const k=d.useMemo(()=>["base","sm"].includes(D)?"single":e,[e,D]),F=d.useMemo(()=>J[k],[k]),C=d.useMemo(()=>k==="single",[k]),b=d.useMemo(()=>h===o.Custom,[h]),q=d.useMemo(()=>b?"max-content":"160px",[b]);return s.jsxRuntimeExports.jsxs(u.DatePickerProvider,{...i,startDate:i.startDate||m.startDate,endDate:i.endDate||m.endDate,withDateRange:!0,numberOfMonths:F,sameWidth:!0,children:[s.jsxRuntimeExports.jsx(R.PopoverTrigger,{asChild:!0,w:"max-content",children:t||s.jsxRuntimeExports.jsx(O.Button,{variant:"secondarySubtle",iconName:"calendarInfo","data-testid":`${a}-default-trigger`,children:"Date/Time Range"})}),s.jsxRuntimeExports.jsx(A.Portal,{container:c||void 0,disabled:!n,children:s.jsxRuntimeExports.jsx(R.PopoverPositioner,{className:"DateTimePicker","data-testid":a,children:s.jsxRuntimeExports.jsx(R.PopoverContent,{className:"DateTimePicker__Content","data-testid":`${a}-content`,css:{...g.content,"--popover-size":q,maxW:r?C?"550px":"890px":C?"390px":"730px",...b&&{minW:r?"550px":"390px"}},children:s.jsxRuntimeExports.jsx(R.PopoverBody,{css:{"--popover-padding":0},children:s.jsxRuntimeExports.jsxs(E.Flex,{className:"DateTimePicker__Container","data-testid":`${a}-container`,p:5,children:[r&&s.jsxRuntimeExports.jsx(oe,{selectedQuickOption:h,setSelectedQuickOption:y}),h===o.Custom&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[r&&s.jsxRuntimeExports.jsx(G.Divider,{orientation:"vertical",my:-5,mx:5}),s.jsxRuntimeExports.jsx(re,{isSingleView:C})]})]})})})})})]})};exports.DateTimePicker=ae;exports.DateTimePickerDefaultOptionValue=o;exports.calendarViews=Q;
-//# sourceMappingURL=dateTimePicker.component-BlWhC5aT.js.map

package/dist/chunks/dateTimePicker.component-CLAI_Q6e.js

@@ -1,317 +0,0 @@
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { useMemo as d, useEffect as N, useState as E } from "react";
-import { B as R } from "./button.component-BO6oee_V.js";
-import { e as Y, d as $, f as z, u as T, F as p, b as A, c as G, a as Q } from "./datePicker.provider-CttuPiiS.js";
-import { u as q } from "./usePortalContentRef-DO_jc4W9.js";
-import { p as V } from "./popover.recipe-DPwwsWLb.js";
-import { s as L, c as J, g as K, t as f, a as P, f as U } from "./format-CqTHHSak.js";
-import { c as y } from "./isToday-iCYsPDMT.js";
-import { u as X } from "./popover-root-provider-CFn2dthZ.js";
-import { F as v } from "./flex-CX-8gE9T.js";
-import { useBreakpoint as Z } from "../esm/hooks/useBreakpoint/index.js";
-import { B as k } from "./index-9BerxEcw.js";
-import { W as ee } from "./text.component-DhuUgP3j.js";
-import { W as te } from "./textInput.component-BeiTxTkS.js";
-import { T as ae } from "./timePicker.component-BCMX6aqb.js";
-import { G as se, a as j } from "./grid-item-BmCSQ38y.js";
-import { D as ne } from "./divider.component-CFOh4Nw3.js";
-import { u as re } from "./create-slot-recipe-context-D_FXDJGp.js";
-import { P as oe } from "./index-DcmJgLUo.js";
-import { P as ie, a as ce, b as le, c as de } from "./popover-Gb1fXSR7.js";
-var n = /* @__PURE__ */ ((t) => (t.Today = "Today", t.Yesterday = "Yesterday", t.ThisWeek = "ThisWeek", t.LastWeek = "LastWeek", t.ThisMonth = "ThisMonth", t.LastMonth = "LastMonth", t.Custom = "Custom", t))(n || {});
-const ze = ["single", "double"], ue = [
-  {
-    label: "Today",
-    value: n.Today
-  },
-  {
-    label: "Yesterday",
-    value: n.Yesterday
-  },
-  {
-    label: "This Week",
-    value: n.ThisWeek
-  },
-  {
-    label: "Last Week",
-    value: n.LastWeek
-  },
-  {
-    label: "This Month",
-    value: n.ThisMonth
-  },
-  {
-    label: "Last Month",
-    value: n.LastMonth
-  },
-  {
-    label: "Custom",
-    value: n.Custom,
-    iconName: "calendarPen"
-  }
-], me = {
-  single: 1,
-  double: 2
-};
-function pe(t) {
-  return L(Date.now(), t);
-}
-function fe(t) {
-  return Y(Date.now(), t);
-}
-function he(t) {
-  const e = y(t?.in), a = e.getFullYear(), r = e.getMonth(), o = e.getDate(), i = y(t?.in);
-  return i.setFullYear(a, r, o - 1), i.setHours(0, 0, 0, 0), i;
-}
-function De(t) {
-  const e = y(t?.in), a = J(t?.in, 0);
-  return a.setFullYear(e.getFullYear(), e.getMonth(), e.getDate() - 1), a.setHours(23, 59, 59, 999), a;
-}
-function W(t, e) {
-  const a = K(), r = e?.weekStartsOn ?? e?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, o = f(t, e?.in), i = o.getDay(), l = (i < r ? -7 : 0) + 6 - (i - r);
-  return o.setDate(o.getDate() + l), o.setHours(23, 59, 59, 999), o;
-}
-function M(t, e) {
-  const a = f(t, e?.in);
-  return a.setDate(1), a.setHours(0, 0, 0, 0), a;
-}
-function O(t, e) {
-  const a = f(t, e?.in), r = a.getMonth();
-  return a.setFullYear(a.getFullYear(), r + 1, 0), a.setHours(23, 59, 59, 999), a;
-}
-function xe(t, e, a) {
-  return $(t, e * 7, a);
-}
-function ke(t, e, a) {
-  return xe(t, -1, a);
-}
-function ge(t, e, a) {
-  return z(t, -1, a);
-}
-function _(t, e) {
-  return +f(t) == +f(e);
-}
-const I = (t) => {
-  const e = /* @__PURE__ */ new Date();
-  switch (t) {
-    case n.Today:
-      return {
-        startDate: pe(),
-        endDate: fe()
-      };
-    case n.Yesterday:
-      return {
-        startDate: he(),
-        endDate: De()
-      };
-    case n.ThisWeek:
-      return {
-        startDate: P(e, { weekStartsOn: 1 }),
-        endDate: W(e, { weekStartsOn: 1 })
-      };
-    case n.LastWeek: {
-      const a = ke(e);
-      return {
-        startDate: P(a, { weekStartsOn: 1 }),
-        endDate: W(a, { weekStartsOn: 1 })
-      };
-    }
-    case n.ThisMonth:
-      return {
-        startDate: M(e),
-        endDate: O(e)
-      };
-    case n.LastMonth: {
-      const a = ge(e);
-      return {
-        startDate: M(a),
-        endDate: O(a)
-      };
-    }
-    default:
-      return null;
-  }
-}, be = (t, e) => {
-  if (!t || !e)
-    return n.Today;
-  const a = [
-    n.Today,
-    n.Yesterday,
-    n.ThisWeek,
-    n.LastWeek,
-    n.ThisMonth,
-    n.LastMonth
-  ];
-  for (const r of a) {
-    const o = I(r);
-    if (o && _(t, o.startDate) && _(e, o.endDate))
-      return r;
-  }
-  return n.Custom;
-}, Ce = ({
-  selectedQuickOption: t,
-  setSelectedQuickOption: e,
-  ["data-testid"]: a = "kibble-datetime-picker-quick-options"
-}) => {
-  const { setFocusedInput: r, onQuickOptionSelect: o } = T(), { setOpen: i } = X(), l = (c) => {
-    if (e(c), c === n.Custom) {
-      r(p.StartDate);
-      return;
-    }
-    const m = I(c);
-    m && (o(m), i(!1));
-  };
-  return /* @__PURE__ */ s.jsx(v, { className: "DateTimePicker__QuickFilters", flexDirection: "column", gap: 2, w: "100%", maxW: "120px", children: ue.map((c) => /* @__PURE__ */ s.jsx(
-    R,
-    {
-      className: "DateTimePicker__Option",
-      "data-testid": `${a}-option-${c.value}`,
-      variant: "secondarySubtle",
-      ...c.iconName && { iconName: c.iconName, iconPosition: "right" },
-      ...t === c.value && { active: !0 },
-      onClick: () => l(c.value),
-      children: c.label
-    },
-    c.value
-  )) });
-}, F = ({
-  label: t,
-  rangeType: e
-}) => {
-  const { startDate: a, endDate: r, dateFormat: o, focusedInput: i, setFocusedInput: l, onTimeChange: c } = T(), m = d(
-    () => (e === p.StartDate ? a : r) || /* @__PURE__ */ new Date(),
-    [a, r, e]
-  ), g = d(() => U(m, o), [m, o]), h = (u) => {
-    u && c(u, e);
-  };
-  return /* @__PURE__ */ s.jsxs(
-    se,
-    {
-      alignItems: "center",
-      templateColumns: "repeat(5, 1fr)",
-      gap: 1,
-      bgColor: "background.secondaryAlpha",
-      borderRadius: "md",
-      p: 1,
-      flex: "0 0 50%",
-      children: [
-        /* @__PURE__ */ s.jsx(j, { colSpan: 1, children: /* @__PURE__ */ s.jsx(ee, { size: "sm", fontWeight: "semibold", textAlign: "center", children: t }) }),
-        /* @__PURE__ */ s.jsx(j, { colSpan: 2, children: /* @__PURE__ */ s.jsx(
-          te,
-          {
-            readOnly: !0,
-            value: g,
-            onClick: () => l(e),
-            ...i === e && {
-              "data-focus": !0
-            }
-          }
-        ) }),
-        /* @__PURE__ */ s.jsx(j, { colSpan: 2, children: /* @__PURE__ */ s.jsx(
-          ae,
-          {
-            minuteInterval: 1,
-            initialTime: m,
-            onClose: (u) => h(u),
-            inputProps: { rightElement: void 0, onClick: () => l(e) }
-          }
-        ) })
-      ]
-    }
-  );
-}, je = ({ isSingleView: t }) => {
-  const { focusedInput: e, setFocusedInput: a } = T();
-  return N(() => {
-    e || a(p.StartDate);
-  }, [e, a]), /* @__PURE__ */ s.jsxs(k, { className: "DateTimePicker__CustomFilters", mt: -1, children: [
-    /* @__PURE__ */ s.jsxs(
-      v,
-      {
-        className: "DateTimePicker__CustomFilters__RangeSelectors",
-        flexDirection: t ? "column" : "row",
-        alignItems: "center",
-        gap: 2,
-        justifyContent: "space-between",
-        children: [
-          /* @__PURE__ */ s.jsx(F, { label: "Start", rangeType: p.StartDate }),
-          /* @__PURE__ */ s.jsx(F, { label: "End", rangeType: p.EndDate })
-        ]
-      }
-    ),
-    /* @__PURE__ */ s.jsxs(k, { className: "CalendarView", bgColor: "background.secondaryAlpha", borderRadius: "md", p: 1, mt: 5, children: [
-      /* @__PURE__ */ s.jsx(k, { className: "CalendarView__Header", bgColor: "background.accent.subtle", borderRadius: "md", children: /* @__PURE__ */ s.jsx(A, { triggerProps: { variant: "ghostNeutral" } }) }),
-      /* @__PURE__ */ s.jsx(k, { className: "CalendarView__Body", children: /* @__PURE__ */ s.jsx(G, { showMonthLabels: !0 }) })
-    ] })
-  ] });
-}, Ae = ({
-  trigger: t,
-  calendarView: e = "double",
-  portalled: a = !0,
-  showQuickOptions: r = !0,
-  ["data-testid"]: o = "kibble-datetime-picker",
-  ...i
-}) => {
-  const l = d(() => {
-    const w = /* @__PURE__ */ new Date();
-    return {
-      startDate: L(w),
-      endDate: Y(w)
-    };
-  }, []), { contentRef: c } = q(), g = re({ recipe: V })(), h = Z(), u = d(() => r ? be(i.startDate || null, i.endDate || null) : n.Custom, [r, i.startDate, i.endDate]), [D, S] = E(u);
-  N(() => {
-    S(u);
-  }, [u]);
-  const x = d(
-    () => ["base", "sm"].includes(h) ? "single" : e,
-    [e, h]
-  ), B = d(() => me[x], [x]), b = d(() => x === "single", [x]), C = d(
-    () => D === n.Custom,
-    [D]
-  ), H = d(() => C ? "max-content" : "160px", [C]);
-  return /* @__PURE__ */ s.jsxs(
-    Q,
-    {
-      ...i,
-      startDate: i.startDate || l.startDate,
-      endDate: i.endDate || l.endDate,
-      withDateRange: !0,
-      numberOfMonths: B,
-      sameWidth: !0,
-      children: [
-        /* @__PURE__ */ s.jsx(ie, { asChild: !0, w: "max-content", children: t || /* @__PURE__ */ s.jsx(R, { variant: "secondarySubtle", iconName: "calendarInfo", "data-testid": `${o}-default-trigger`, children: "Date/Time Range" }) }),
-        /* @__PURE__ */ s.jsx(oe, { container: c || void 0, disabled: !a, children: /* @__PURE__ */ s.jsx(ce, { className: "DateTimePicker", "data-testid": o, children: /* @__PURE__ */ s.jsx(
-          le,
-          {
-            className: "DateTimePicker__Content",
-            "data-testid": `${o}-content`,
-            css: {
-              ...g.content,
-              "--popover-size": H,
-              maxW: r ? b ? "550px" : "890px" : b ? "390px" : "730px",
-              ...C && { minW: r ? "550px" : "390px" }
-            },
-            children: /* @__PURE__ */ s.jsx(de, { css: { "--popover-padding": 0 }, children: /* @__PURE__ */ s.jsxs(v, { className: "DateTimePicker__Container", "data-testid": `${o}-container`, p: 5, children: [
-              r && /* @__PURE__ */ s.jsx(
-                Ce,
-                {
-                  selectedQuickOption: D,
-                  setSelectedQuickOption: S
-                }
-              ),
-              D === n.Custom && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-                r && /* @__PURE__ */ s.jsx(ne, { orientation: "vertical", my: -5, mx: 5 }),
-                /* @__PURE__ */ s.jsx(je, { isSingleView: b })
-              ] })
-            ] }) })
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-export {
-  Ae as D,
-  n as a,
-  ze as c
-};
-//# sourceMappingURL=dateTimePicker.component-CLAI_Q6e.js.map