@onereach/ui-components 3.0.4-beta.2487.0 → 3.0.4-beta.2497.0

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-b9bc77aa.js → OrDateTimePicker.vue_vue_type_script_lang-ba3ac4fb.js}

@@ -50,7 +50,9 @@ const DateTimePickerDaySelect = [
 'px-md', 'py-md', 'gap-sm'];
 const DateTimePickerDaySelectButtonGroup = [
 // Layout
-'grid', 'grid-cols-7'];
+'grid', 'grid-cols-7',
+// Spacing
+'gap-xs'];
 const DateTimePickerDaySelectButtonGroupItem = [
 // Box
 'min-w-fit',
@@ -634,8 +636,10 @@ const DateTimePicker = [
 // Spacing
 'gap-xs'];
 const DateTimePickerControl = [
+// Layout
+'layout-inline-row justify-center',
 // Theme (focus)
-'focus:theme-border-1-current', 'dark:focus:theme-border-1-current-dark', 'focus:theme-border-underline', 'dark:focus:theme-border-underline'];
+'focus:theme-border-2-current', 'dark:focus:theme-border-2-current-dark', 'focus:theme-border-underline', 'dark:focus:theme-border-underline'];
 
 var script = defineComponent({
   name: 'OrDateTimePicker',
@@ -774,6 +778,34 @@ var script = defineComponent({
         popoverInstance.close();
       }
     }
+    function formatDate(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString('default', {
+        dateStyle: 'short',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
+    function formatTime(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString('default', {
+        timeStyle: 'short',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
+    function formatDateAlt(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString('default', {
+        dateStyle: 'medium',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
+    function formatTimeAlt(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString('default', {
+        timeStyle: 'short',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
     return {
       root,
       dateControl,
@@ -790,7 +822,11 @@ var script = defineComponent({
       toggleDatePopover,
       toggleTimePopover,
       closeDatePopover,
-      closeTimePopover
+      closeTimePopover,
+      formatDate,
+      formatTime,
+      formatDateAlt,
+      formatTimeAlt
     };
   }
 });

package/dist/bundled/v3/components/index.js

@@ -21,7 +21,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-3eb862c3.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-6bf48817.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-d7344d80.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-b9bc77aa.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-ba3ac4fb.js';
 export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../props-c966ae5f.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-4dc955fd.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';

package/dist/bundled/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerSize } from '.';
+import { DateTimePickerSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     dateControl: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
@@ -37,6 +37,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
+    formatDate: (value?: Date) => string;
+    formatTime: (value?: Date) => string;
+    formatDateAlt: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: DateConstructor;
@@ -160,6 +164,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
+    formatDate: (value?: Date) => string;
+    formatTime: (value?: Date) => string;
+    formatDateAlt: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
     size: DateTimePickerSize;

package/dist/bundled/v3/components/or-date-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-b9bc77aa.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-ba3ac4fb.js';
 export { I as DateTimePickerSize } from '../../props-c966ae5f.js';
 import 'vue';
 import '../../OrButton-7b1eac5d.js';