@onereach/ui-components 8.15.2 → 8.16.0-beta.3813.0

package/dist/bundled/v3/index.js

@@ -1,125 +1,125 @@
-import { s as styleInject } from './components/OrAvatar-9d5e7fb0.js';
-export { O as OR_AVATAR_SIZE, a as OrAvatar } from './components/OrAvatar-9d5e7fb0.js';
+import { s as styleInject } from './components/OrAvatar-f53dbdf0.js';
+export { O as OR_AVATAR_SIZE, a as OrAvatar } from './components/OrAvatar-f53dbdf0.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components/OrAvatarV3-96e091cc.js';
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-e35a1f1c.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-7828905a.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-c2115d70.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-f9908b34.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
-export { s as OrChip, a as OrChips } from './components/OrChips-25988ef1.js';
-export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-9b2c4853.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-d31649b8.js';
-export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './components/OrColorPicker-966d8df7.js';
+export { s as OrChip, a as OrChips } from './components/OrChips-fc3c2559.js';
+export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './components/OrCode-daa84d18.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-5050d1f0.js';
+export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './components/OrColorPicker-e9f2bac5.js';
 export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-795e8cf2.js';
-export { s as OrConfirm } from './components/OrConfirm-67f537c7.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-7f832636.js';
+export { s as OrConfirm } from './components/OrConfirm-0b51e417.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-e392042c.js';
 export { OrContextMenuV3 } from './components/OrContextMenuV3/index.js';
-export { s as OrDateFormatV3 } from './components/OrDateFormatV3-10c3220a.js';
-export { s as OrDatePickerV3 } from './components/OrDatePickerV3-b2afa767.js';
-export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-712ad5cd.js';
-export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-188a8cb2.js';
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-fb8c3d35.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './components/OrDateTimePickerV3-147622ae.js';
+export { s as OrDateFormatV3 } from './components/OrDateFormatV3-05d6e9d1.js';
+export { s as OrDatePickerV3 } from './components/OrDatePickerV3-9d811a13.js';
+export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-1debfa71.js';
+export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-5a2a2170.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-21bb164d.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './components/OrDateTimePickerV3-694d8634.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './components/OrEmptyStateV3-f6122da2.js';
 export { s as OrErrorTagV3 } from './components/OrErrorTagV3-bfd5574d.js';
 export { F as FabColor, s as OrFabV3 } from './components/OrFabV3-df769cd1.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './components/OrInlineInputV3-688804b4.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './components/OrInlineInputV3-f984fe0a.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } from './components/OrInlineTextEdit/index.js';
-export { s as OrInlineTextareaV3 } from './components/OrInlineTextareaV3-b2685af7.js';
+export { s as OrInlineTextareaV3 } from './components/OrInlineTextareaV3-773a7258.js';
 export { L as LinkColor, s as OrLinkV3 } from './components/OrLinkV3-dc35424e.js';
 export { default as OrListOfInputs } from './components/OrListOfInputs/OrListOfInputs.js';
-export { a as OrListItem, s as OrListV3 } from './components/OrListV3-10b9c238.js';
+export { a as OrListItem, s as OrListV3 } from './components/OrListV3-5c0cc515.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, OrNotification } from './components/OrNotification/index.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './components/OrNotificationV3-49246808.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './components/OrNotificationV3-182356a7.js';
 export { default as OrNumberInput } from './components/OrNumberInput/OrNumberInput.js';
 export { default as OrOverflowMenu } from './components/OrOverflowMenu/OrOverflowMenu.js';
-export { s as OrPaginationV3 } from './components/OrPaginationV3-361f9670.js';
+export { s as OrPaginationV3 } from './components/OrPaginationV3-f9a9e6d5.js';
 export { default as OrPassword } from './components/OrPassword/OrPassword.js';
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './components/OrProgressV3-15a5875a.js';
-export { s as OrRadio } from './components/OrRadio-03db8bca.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './components/OrProgressV3-eecd4cf7.js';
+export { s as OrRadio } from './components/OrRadio-eac0673c.js';
 export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
-export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-0951dd78.js';
+export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-99595034.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-9531b621.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-f360bb1e.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-ceaf215e.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-56862f95.js';
-export { s as OrSelect } from './components/OrSelect-848abf53.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-c9f6c87c.js';
+export { s as OrSelect } from './components/OrSelect-74a144dd.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-a289acae.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-673a3974.js';
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-3f4e5e0b.js';
-export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './components/OrSkeletonV3-2b5a5db9.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-4d966922.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-da19691c.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './components/OrSkeletonV3-efeb17f8.js';
 export { default as OrSlider } from './components/OrSlider/OrSlider.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-407335da.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './components/OrSliderV3-15061f89.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-4ed05f8f.js';
 export { default as OrStepper } from './components/OrStepper/OrStepper.js';
 export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';
-export { s as OrSwitchV3 } from './components/OrSwitchV3-6c19313d.js';
+export { s as OrSwitchV3 } from './components/OrSwitchV3-3bdd2792.js';
 export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
-export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-3427e9d4.js';
+export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-a4b1fe5e.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './components/OrTagInputV3-dd2713f5.js';
+export { s as OrTagInputV3 } from './components/OrTagInputV3-8955470c.js';
 export { s as OrTextV3 } from './components/OrTextV3-ff806d55.js';
 export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
-export { s as OrTextareaV3 } from './components/OrTextareaV3-da8f9063.js';
+export { s as OrTextareaV3 } from './components/OrTextareaV3-0df5806b.js';
 export { OrTextbox, TextboxTypes } from './components/OrTextbox/index.js';
-export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-855225e1.js';
-export { s as OrTimePickerV3 } from './components/OrTimePickerV3-39a2962f.js';
-export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-1a4d43ec.js';
-export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './components/OrToast-08da1bfe.js';
-export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './components/OrToastV3-4fda7c25.js';
+export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-213ad26d.js';
+export { s as OrTimePickerV3 } from './components/OrTimePickerV3-18cf1de8.js';
+export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-29c6f5c3.js';
+export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './components/OrToast-70df0ed3.js';
+export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './components/OrToastV3-ee184d2b.js';
 export { OrTreeV3, TreeNodeDropPosition } from './components/OrTreeV3/index.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './components/OrBottomSheetV3-66815f6f.js';
 export { B as ButtonColor, B as ButtonGroupColor, a as ButtonGroupVariant, b as ButtonType, a as ButtonVariant, s as OrButtonV3 } from './components/OrButtonV3-529c4206.js';
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from './components/OrButtonV2-293ae18f.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from './components/OrButtonV2-b5f35fd0.js';
 export { default as OrIconButton, default as OrIconButtonV2 } from './components/OrIconButtonV2/OrIconButton.js';
 export { default as OrCard } from './components/OrCard/OrCard.js';
 export { default as OrCheckbox } from './components/OrCheckbox/OrCheckbox.js';
-export { s as OrCheckboxTreeV3 } from './components/OrCheckboxTreeV3-c1b23f73.js';
-export { s as OrCheckboxV3 } from './components/OrCheckboxV3-fdfd5094.js';
+export { s as OrCheckboxTreeV3 } from './components/OrCheckboxTreeV3-e194b866.js';
+export { s as OrCheckboxV3 } from './components/OrCheckboxV3-5fd5a531.js';
 export { default as OrCollapse } from './components/OrCollapse/OrCollapse.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './components/OrInputBoxV3-ddd117f0.js';
-export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './components/OrPopoverV3-78d622fa.js';
+export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './components/OrPopoverV3-c6f08a7a.js';
 export { default as OrError } from './components/OrError/OrError.js';
 export { s as OrErrorV3 } from './components/OrErrorV3-f61387d6.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './components/OrExpansionPanelV3-bac16530.js';
-export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './components/OrFloating-95b034bc.js';
+export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './components/OrFloating-0dcef34a.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './components/OrFormGroupV3-81aa4136.js';
 export { default as OrHint } from './components/OrHint/OrHint.js';
 export { s as OrHintV3 } from './components/OrHintV3-1fcfaa19.js';
 export { OrIcon, OrIconColors, OrIconType } from './components/OrIcon/index.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './components/OrIconButtonV3-e2cd0f3a.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './components/OrIconButtonV3-31e8c0ae.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './components/OrIconV3-5db4e349.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './components/OrInlineInputBoxV3-a75f9e25.js';
 export { default as OrInput } from './components/OrInput/OrInput.js';
-export { I as InputType, s as OrInputV3 } from './components/OrInputV3-5df35233.js';
+export { I as InputType, s as OrInputV3 } from './components/OrInputV3-e154e936.js';
 export { default as OrLabel } from './components/OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './components/OrLabelV3-28f7ac2c.js';
-export { s as OrList } from './components/OrList-e7fb7d46.js';
+export { s as OrList } from './components/OrList-b5bbccb5.js';
 export { LoaderViews, OrLoader } from './components/OrLoader/index.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './components/OrLoaderV3-b7b7afab.js';
 export { s as OrMenuItemV3 } from './components/OrMenuItemV3-7b557536.js';
-export { s as OrMenuV3 } from './components/OrMenuV3-21da8183.js';
-export { s as OrModal, O as OrModalSizes } from './components/OrModal-bd302875.js';
-export { M as ModalSize, s as OrModalV3 } from './components/OrModalV3-eac1ad9c.js';
+export { s as OrMenuV3 } from './components/OrMenuV3-6ea3cee7.js';
+export { s as OrModal, O as OrModalSizes } from './components/OrModal-dfa5f69c.js';
+export { M as ModalSize, s as OrModalV3 } from './components/OrModalV3-4e5ccc88.js';
 export { default as OrOverlay } from './components/OrOverlay/OrOverlay.js';
 export { s as OrOverlayV3 } from './components/OrOverlayV3-b2576ca1.js';
-export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './components/OrProgress-400bf4d9.js';
-export { s as OrRadioV3 } from './components/OrRadioV3-e7785926.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './components/OrResizeablePanelV3-ba55ec3c.js';
+export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './components/OrProgress-4fb59a76.js';
+export { s as OrRadioV3 } from './components/OrRadioV3-3855b649.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './components/OrResizeablePanelV3-44a22bbb.js';
 export { default as OrSearch } from './components/OrSearch/OrSearch.js';
 export { OrSearchV3 } from './components/OrSearchV3/index.js';
-export { s as OrSortingV3 } from './components/OrSortingV3-1c74c98b.js';
+export { s as OrSortingV3 } from './components/OrSortingV3-f1e2d5f7.js';
 export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';
 export { s as OrTabV3 } from './components/OrTabV3-9dbd8ad9.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './components/OrTagV3-b65981a7.js';
-export { s as OrTagsV3, T as TagsOverflow } from './components/OrTagsV3-f4991d69.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './components/OrTagV3-80b25593.js';
+export { s as OrTagsV3, T as TagsOverflow } from './components/OrTagsV3-fdc42702.js';
 export { s as OrTeleport } from './components/OrTeleport-5a34b07f.js';
 export { default as OrTeleportV3 } from './components/OrTeleportV3/OrTeleport.js';
 export { OrTooltip, OrTooltipContent } from './components/OrTooltip/index.js';
-export { s as OrTooltipV3 } from './components/OrTooltipV3-362b72ee.js';
+export { s as OrTooltipV3 } from './components/OrTooltipV3-97b44de9.js';
 export { DropdownClose } from './directives/dropdown-close.js';
 export { DropdownOpen } from './directives/dropdown-open.js';
 export { default as useToggle } from './hooks/useToggle.js';

package/dist/bundled/v3/utils/functions/dom.js

@@ -1,6 +1,6 @@
-import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-fb8c3d35.js';
-import { j as _getPrototype } from '../../components/OrList-e7fb7d46.js';
-import { g as get_1 } from '../../components/OrRadio-03db8bca.js';
+import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-21bb164d.js';
+import { j as _getPrototype } from '../../components/OrList-b5bbccb5.js';
+import { g as get_1 } from '../../components/OrRadio-eac0673c.js';
 
 var baseGetTag = _baseGetTag,
   getPrototype = _getPrototype,

package/dist/esm/v2/{OrDateTimePicker-5ef9a52c.js → OrDateTimePicker-2ac40383.js}

@@ -218,6 +218,11 @@ var script = defineComponent({
       type: Function,
       required: false,
       default: null
+    },
+    allowSeconds: {
+      type: Boolean,
+      default: false,
+      required: false
     }
   },
   emits: ['update:modelValue'],
@@ -272,6 +277,20 @@ var script = defineComponent({
         this.$emit('update:modelValue', newDate);
       }
     },
+    inputSeconds: {
+      get: function () {
+        if (!this.modelValue) return '';
+        return padStart('' + this.modelValue.getSeconds(), 2, '0');
+      },
+      set: function (val) {
+        var _a;
+        let seconds = +val;
+        seconds = seconds >= 60 ? 59 : seconds < 0 ? 0 : seconds;
+        const date = (_a = this.modelValue) !== null && _a !== void 0 ? _a : this.today;
+        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getSeconds(), seconds);
+        this.$emit('update:modelValue', newDate);
+      }
+    },
     localId() {
       var _a, _b;
       return (_a = this.id) !== null && _a !== void 0 ? _a : `date-time-picker-${(_b = getCurrentInstance()) === null || _b === void 0 ? void 0 : _b.uid}`;
@@ -287,6 +306,10 @@ var script = defineComponent({
       if (!this.modelValue) return '';
       const hours = padStart('' + this.modelValue.getHours(), 2, '0');
       const minutes = padStart('' + this.modelValue.getMinutes(), 2, '0');
+      if (this.isShowSeconds) {
+        const seconds = padStart('' + this.modelValue.getSeconds(), 2, '0');
+        return `${hours}:${minutes}:${seconds}`;
+      }
       return `${hours}:${minutes}`;
     },
     isInactive() {
@@ -307,6 +330,9 @@ var script = defineComponent({
     isShowTime() {
       return this.type === OrDateTimePickerTypes.time || this.type === OrDateTimePickerTypes.dateTime;
     },
+    isShowSeconds() {
+      return this.isShowTime && this.allowSeconds;
+    },
     today() {
       const now = new Date();
       return new Date(now.getFullYear(), now.getMonth(), now.getDate());
@@ -485,7 +511,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-4b21cd0f{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4b21cd0f{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-4b21cd0f]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-4b21cd0f]{width:100%!important}.or-date-time-picker.is-date-type[data-v-4b21cd0f]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-4b21cd0f]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-4b21cd0f]{width:11.25rem}.or-date-time-picker .or-label[data-v-4b21cd0f]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-4b21cd0f]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-4b21cd0f]{position:relative;width:100%;height:2.25rem;padding:.625rem;font-size:var(--fs-1);line-height:1rem;background-color:var(--c-neutral-1);border:1px solid var(--c-neutral-2);border-radius:var(--s-2);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,-webkit-box-shadow}.or-date-time-picker-input-wrapper[data-v-4b21cd0f]:not(.is-readonly):hover{cursor:pointer;background-color:var(--c-neutral-0)}.or-date-time-picker-input-wrapper.is-disabled[data-v-4b21cd0f],.or-date-time-picker-input-wrapper[data-v-4b21cd0f]:disabled{cursor:not-allowed;background-color:var(--c-neutral-2);border-color:var(--c-neutral-2)}.or-date-time-picker-input-wrapper.has-error[data-v-4b21cd0f]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-4b21cd0f]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-date-time-picker-input-wrapper.has-error[data-v-4b21cd0f]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}.or-date-time-picker-input-wrapper.has-error[data-v-4b21cd0f]:not(:disabled):not(.is-readonly):not(.is-loading):focus{border-color:var(--c-error-darken-5)}.or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-4b21cd0f],.or-date-time-picker-input-wrapper.has-error[data-v-4b21cd0f]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-4b21cd0f],.or-date-time-picker-input-wrapper .value[data-v-4b21cd0f]{display:flex;flex-direction:row;justify-content:space-between;width:100%;white-space:nowrap;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:opacity}.or-date-time-picker-input-wrapper .placeholder[data-v-4b21cd0f]{color:var(--c-neutral-4);user-select:none}.content[data-v-4b21cd0f]{display:flex;flex-direction:column;text-align:center;background-color:var(--c-neutral-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.content .picker-header[data-v-4b21cd0f]{display:flex;flex-direction:row;gap:var(--s-3);justify-content:space-between;padding:var(--s-4) var(--s-3);font-size:var(--fs-1);font-weight:700;color:var(--c-neutral-6);text-align:center}.content .picker-header-centered[data-v-4b21cd0f]{margin:auto}.content .calendar[data-v-4b21cd0f]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-4b21cd0f]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--s-1);color:var(--c-neutral-4)}.content .calendar-week-days>*[data-v-4b21cd0f]{width:var(--s-6)}.content .calendar-days[data-v-4b21cd0f]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-4b21cd0f]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}.content .time-footer[data-v-4b21cd0f]{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;line-height:var(--s-6);text-align:center;border-top:1px solid var(--c-neutral-2)}.content .time-footer input[data-v-4b21cd0f]::-webkit-inner-spin-button,.content .time-footer input[data-v-4b21cd0f]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.content .time-footer input[type=number][data-v-4b21cd0f]{-moz-appearance:textfield}.content .time-footer-input[data-v-4b21cd0f]{font-size:var(--fs-0);text-align:center;border:none}.content .time-footer-input[data-v-4b21cd0f]:focus-visible{background-color:var(--c-neutral-2);outline:0}.content .time-table[data-v-4b21cd0f]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-4b21cd0f]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-4b21cd0f]{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-3) var(--s-3)}.content .time-table-column-time-row[data-v-4b21cd0f]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}";
+var css_248z = "@keyframes spinAround-data-v-4b66adf2{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4b66adf2{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-4b66adf2]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-4b66adf2]{width:100%!important}.or-date-time-picker.is-date-type[data-v-4b66adf2]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-4b66adf2]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-4b66adf2]{width:11.25rem}.or-date-time-picker .or-label[data-v-4b66adf2]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-4b66adf2]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-4b66adf2]{position:relative;width:100%;height:2.25rem;padding:.625rem;font-size:var(--fs-1);line-height:1rem;background-color:var(--c-neutral-1);border:1px solid var(--c-neutral-2);border-radius:var(--s-2);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,-webkit-box-shadow}.or-date-time-picker-input-wrapper[data-v-4b66adf2]:not(.is-readonly):hover{cursor:pointer;background-color:var(--c-neutral-0)}.or-date-time-picker-input-wrapper.is-disabled[data-v-4b66adf2],.or-date-time-picker-input-wrapper[data-v-4b66adf2]:disabled{cursor:not-allowed;background-color:var(--c-neutral-2);border-color:var(--c-neutral-2)}.or-date-time-picker-input-wrapper.has-error[data-v-4b66adf2]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-4b66adf2]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-date-time-picker-input-wrapper.has-error[data-v-4b66adf2]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}.or-date-time-picker-input-wrapper.has-error[data-v-4b66adf2]:not(:disabled):not(.is-readonly):not(.is-loading):focus{border-color:var(--c-error-darken-5)}.or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-4b66adf2],.or-date-time-picker-input-wrapper.has-error[data-v-4b66adf2]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-4b66adf2],.or-date-time-picker-input-wrapper .value[data-v-4b66adf2]{display:flex;flex-direction:row;justify-content:space-between;width:100%;white-space:nowrap;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:opacity}.or-date-time-picker-input-wrapper .placeholder[data-v-4b66adf2]{color:var(--c-neutral-4);user-select:none}.content[data-v-4b66adf2]{display:flex;flex-direction:column;text-align:center;background-color:var(--c-neutral-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.content .picker-header[data-v-4b66adf2]{display:flex;flex-direction:row;gap:var(--s-3);justify-content:space-between;padding:var(--s-4) var(--s-3);font-size:var(--fs-1);font-weight:700;color:var(--c-neutral-6);text-align:center}.content .picker-header-centered[data-v-4b66adf2]{margin:auto}.content .calendar[data-v-4b66adf2]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-4b66adf2]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--s-1);color:var(--c-neutral-4)}.content .calendar-week-days>*[data-v-4b66adf2]{width:var(--s-6)}.content .calendar-days[data-v-4b66adf2]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-4b66adf2]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}.content .time-footer[data-v-4b66adf2]{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;line-height:var(--s-6);text-align:center;border-top:1px solid var(--c-neutral-2)}.content .time-footer input[data-v-4b66adf2]::-webkit-inner-spin-button,.content .time-footer input[data-v-4b66adf2]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.content .time-footer input[type=number][data-v-4b66adf2]{-moz-appearance:textfield}.content .time-footer-input[data-v-4b66adf2]{font-size:var(--fs-0);text-align:center;border:none}.content .time-footer-input[data-v-4b66adf2]:focus-visible{background-color:var(--c-neutral-2);outline:0}.content .time-table[data-v-4b66adf2]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-4b66adf2]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-4b66adf2]{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-3) var(--s-3)}.content .time-table-column-time-row[data-v-4b66adf2]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}";
 styleInject(css_248z);
 
 /* script */
@@ -540,7 +566,7 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), !_vm.modelValue ? _c('div', {
     staticClass: "placeholder"
-  }, [_vm.isShowDate ? _c('div', [_vm._v("\n        YYYY-MM-DD\n      ")]) : _vm._e(), _vm._v(" "), _vm.isShowTime ? _c('div', [_vm._v("\n        HH:MM\n      ")]) : _vm._e()]) : _c('div', {
+  }, [_vm.isShowDate ? _c('div', [_vm._v("\n        YYYY-MM-DD\n      ")]) : _vm._e(), _vm._v(" "), _vm.isShowTime ? _c('div', [_vm._v("\n        HH:MM\n        "), _vm.isShowSeconds ? _c('span', [_vm._v(":SS")]) : _vm._e()]) : _vm._e()]) : _c('div', {
     staticClass: "value"
   }, [_vm.isShowDate ? _c('div', [_vm._v("\n        " + _vm._s(_vm.dateValue) + "\n      ")]) : _vm._e(), _vm._v(" "), _vm.isShowTime ? _c('div', [_vm._v("\n        " + _vm._s(_vm.timeValue) + "\n      ")]) : _vm._e()])]), _vm._v(" "), _c('or-collapse', {
     attrs: {
@@ -688,7 +714,30 @@ var __vue_render__ = function () {
         _vm.inputMinutes = $event.target.value;
       }
     }
-  })]) : _vm._e()] : [_c('div', {
+  }), _vm._v(" "), _vm.isShowSeconds ? _c('span', [_vm._v(":")]) : _vm._e(), _vm._v(" "), _vm.isShowSeconds ? _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.inputSeconds,
+      expression: "inputSeconds"
+    }],
+    staticClass: "time-footer-input",
+    attrs: {
+      "type": "number",
+      "placeholder": "00"
+    },
+    domProps: {
+      "value": _vm.inputSeconds
+    },
+    on: {
+      "input": function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+        _vm.inputSeconds = $event.target.value;
+      }
+    }
+  }) : _vm._e()]) : _vm._e()] : [_c('div', {
     staticClass: "time-table"
   }, [_c('div', {
     staticClass: "time-table-column"
@@ -747,7 +796,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-4b21cd0f";
+const __vue_scope_id__ = "data-v-4b66adf2";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -41,7 +41,7 @@ export { _ as OrDateFormatV3 } from '../OrDateFormat-1284f1f6.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-5f2eb2eb.js';
 export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-3beda618.js';
 export { _ as OrDateTimeFormatV3 } from '../OrDateTimeFormat-96459018.js';
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-5ef9a52c.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-2ac40383.js';
 export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-5557a432.js';
 export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-f4d34b07.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../getTimePlaceholder-3b2885bf.js';

package/dist/esm/v2/components/or-date-time-picker/OrDateTimePicker.vue.d.ts

@@ -33,6 +33,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         get: () => string;
         set: (val: string) => void;
     };
+    inputSeconds: {
+        get: () => string;
+        set: (val: string) => void;
+    };
     localId(): string;
     dateValue(): string;
     timeValue(): string;
@@ -42,6 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isShowInfo(): boolean;
     isShowDate(): boolean;
     isShowTime(): boolean;
+    isShowSeconds(): boolean;
     today(): Date;
     firstDayOfMonth(): Date;
     lastDayOfMonth(): Date;
@@ -145,6 +150,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: null;
     };
+    allowSeconds: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<Date>;
@@ -237,6 +247,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: null;
     };
+    allowSeconds: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
     id: string;
@@ -264,6 +279,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: boolean;
     isFullwidth: boolean;
     dateFilter: any;
+    allowSeconds: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -284,6 +300,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         get: () => string;
         set: (val: string) => void;
     };
+    inputSeconds: {
+        get: () => string;
+        set: (val: string) => void;
+    };
     localId(): string;
     dateValue(): string;
     timeValue(): string;
@@ -293,6 +313,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isShowInfo(): boolean;
     isShowDate(): boolean;
     isShowTime(): boolean;
+    isShowSeconds(): boolean;
     today(): Date;
     firstDayOfMonth(): Date;
     lastDayOfMonth(): Date;
@@ -346,6 +367,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: boolean;
     isFullwidth: boolean;
     dateFilter: any;
+    allowSeconds: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -375,5 +397,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: boolean;
     isFullwidth: boolean;
     dateFilter: any;
+    allowSeconds: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-date-time-picker/index.js

@@ -1,4 +1,4 @@
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-5ef9a52c.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-2ac40383.js';
 import 'lodash/padStart';
 import 'vue-demi';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -41,7 +41,7 @@ export { _ as OrDateFormatV3 } from './OrDateFormat-1284f1f6.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-5f2eb2eb.js';
 export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-3beda618.js';
 export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-96459018.js';
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-5ef9a52c.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-2ac40383.js';
 export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-5557a432.js';
 export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-f4d34b07.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-3b2885bf.js';