@onereach/ui-components 4.1.1-beta.2580.0 → 4.1.1-beta.2585.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundled/v2/{OrDateTimePickerMonthSelect-87ca893b.js → OrDateTimePickerMonthSelect-4a690ecc.js} +1 -6
- package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +1 -1
- package/dist/bundled/v2/components/OrDatePickerV3/index.js +1 -1
- package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js +9 -5
- package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts +16 -5
- package/dist/bundled/v2/components/OrDateTimePickerV3/index.js +1 -1
- package/dist/bundled/v2/components/index.js +1 -1
- package/dist/bundled/v2/index.js +2 -2
- package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-5a83f8ed.js → OrDatePicker.vue_vue_type_script_lang-91b1465a.js} +1 -1
- package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-9a6792d9.js → OrDateTimePicker.vue_vue_type_script_lang-f16881dc.js} +6 -2
- package/dist/bundled/v3/{OrDateTimePickerMonthSelect-804309b4.js → OrDateTimePickerMonthSelect-9a3395da.js} +1 -6
- package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +3 -3
- package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +6 -6
- package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts +16 -5
- package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/index.js +3 -3
- package/dist/bundled/v3/index.js +4 -4
- package/dist/esm/v2/{OrDatePicker-ac48f8a8.js → OrDatePicker-71c0d269.js} +1 -1
- package/dist/esm/v2/{OrDateTimePicker-a8cbffac.js → OrDateTimePicker-de373d80.js} +9 -5
- package/dist/esm/v2/{OrDateTimePickerMonthSelect-e4f062d6.js → OrDateTimePickerMonthSelect-7f1e4926.js} +1 -6
- package/dist/esm/v2/components/index.js +3 -3
- package/dist/esm/v2/components/or-date-picker-v3/index.js +2 -2
- package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +16 -5
- package/dist/esm/v2/components/or-date-time-picker-v3/index.js +2 -2
- package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +0 -2
- package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/styles.d.ts +0 -1
- package/dist/esm/v2/index.js +3 -3
- package/dist/esm/v3/{OrDatePicker-138c2d4d.js → OrDatePicker-6d97c3e7.js} +1 -1
- package/dist/esm/v3/{OrDateTimePicker-a71a6bf9.js → OrDateTimePicker-a67bbac8.js} +9 -5
- package/dist/esm/v3/{OrDateTimePickerMonthSelect-950b1ff3.js → OrDateTimePickerMonthSelect-90e45fa4.js} +1 -6
- package/dist/esm/v3/components/index.js +3 -3
- package/dist/esm/v3/components/or-date-picker-v3/index.js +2 -2
- package/dist/esm/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +16 -5
- package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -2
- package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +0 -2
- package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/styles.d.ts +0 -1
- package/dist/esm/v3/index.js +3 -3
- package/package.json +2 -2
- package/src/components/or-date-picker-v3/OrDatePicker.stories3.ts +1 -1
- package/src/components/or-date-time-picker-v3/OrDateTimePicker.stories3.ts +7 -2
- package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +9 -4
- package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue +2 -7
- package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/styles.ts +0 -6
- package/src/components/or-time-picker-v3/OrTimePicker.stories3.ts +1 -1
|
@@ -151,9 +151,6 @@ const DateTimePickerDaySelectButtonGroupDayItem = [
|
|
|
151
151
|
const DateTimePickerDaySelectButtonGroupTodayItem = [
|
|
152
152
|
// Theme
|
|
153
153
|
'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
|
|
154
|
-
const DateTimePickerDaySelectButtonGroupExtraDayItem = [
|
|
155
|
-
// Theme
|
|
156
|
-
'theme-foreground-outline-variant', 'dark:theme-foreground-outline-variant-dark'];
|
|
157
154
|
|
|
158
155
|
var script$1 = defineComponent({
|
|
159
156
|
name: 'OrDateTimePickerDaySelect',
|
|
@@ -189,7 +186,6 @@ var script$1 = defineComponent({
|
|
|
189
186
|
const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupWeekdayItem]);
|
|
190
187
|
const buttonGroupDayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupDayItem]);
|
|
191
188
|
const buttonGroupTodayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupTodayItem]);
|
|
192
|
-
const buttonGroupExtraDayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupExtraDayItem]);
|
|
193
189
|
// State
|
|
194
190
|
const proxyModelValue = computed({
|
|
195
191
|
get: () => {
|
|
@@ -243,7 +239,6 @@ var script$1 = defineComponent({
|
|
|
243
239
|
buttonGroupWeekdayItemStyles,
|
|
244
240
|
buttonGroupDayItemStyles,
|
|
245
241
|
buttonGroupTodayItemStyles,
|
|
246
|
-
buttonGroupExtraDayItemStyles,
|
|
247
242
|
proxyModelValue,
|
|
248
243
|
dayOptions,
|
|
249
244
|
currentDate,
|
|
@@ -275,7 +270,7 @@ var __vue_render__$1 = function () {
|
|
|
275
270
|
var _obj;
|
|
276
271
|
return _c('OrButton', {
|
|
277
272
|
key: Number(value),
|
|
278
|
-
class: (_obj = {}, _obj[_vm.buttonGroupDayItemStyles.join(' ')] = true, _obj[_vm.buttonGroupTodayItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj[
|
|
273
|
+
class: (_obj = {}, _obj[_vm.buttonGroupDayItemStyles.join(' ')] = true, _obj[_vm.buttonGroupTodayItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj['invisible'] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
|
|
279
274
|
attrs: {
|
|
280
275
|
"variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
|
|
281
276
|
"color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
|
|
@@ -4,7 +4,7 @@ import { useDefaultHours } from '../OrDateTimePickerV3/hooks/useDefaultHours.js'
|
|
|
4
4
|
import { useDefaultMinutes } from '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
5
5
|
import { useDefaultMonth } from '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
6
6
|
import { useDefaultYear } from '../OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
7
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
7
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4a690ecc.js';
|
|
8
8
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
9
9
|
import { DatePicker, DatePickerPopover } from './styles.js';
|
|
10
10
|
import __vue_component__$1 from '../OrErrorV3/OrError.js';
|
|
@@ -6,7 +6,7 @@ import '../OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
6
6
|
import '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
7
7
|
import '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
8
8
|
import '../OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
9
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
9
|
+
import '../../OrDateTimePickerMonthSelect-4a690ecc.js';
|
|
10
10
|
import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
11
11
|
import '../../normalize-component-6e8e3d80.js';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
@@ -4,7 +4,7 @@ import { useDefaultHours } from './hooks/useDefaultHours.js';
|
|
|
4
4
|
import { useDefaultMinutes } from './hooks/useDefaultMinutes.js';
|
|
5
5
|
import { useDefaultMonth } from './hooks/useDefaultMonth.js';
|
|
6
6
|
import { useDefaultYear } from './hooks/useDefaultYear.js';
|
|
7
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
7
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4a690ecc.js';
|
|
8
8
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
9
9
|
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-0653e282.js';
|
|
10
10
|
import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
|
|
@@ -88,7 +88,11 @@ var script = defineComponent({
|
|
|
88
88
|
type: Date,
|
|
89
89
|
default: undefined
|
|
90
90
|
},
|
|
91
|
-
|
|
91
|
+
dateFilter: {
|
|
92
|
+
type: Function,
|
|
93
|
+
default: undefined
|
|
94
|
+
},
|
|
95
|
+
timeFilter: {
|
|
92
96
|
type: Function,
|
|
93
97
|
default: undefined
|
|
94
98
|
},
|
|
@@ -354,7 +358,7 @@ var __vue_render__ = function () {
|
|
|
354
358
|
}, [_vm._v("\n " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
|
|
355
359
|
attrs: {
|
|
356
360
|
"initial-value": _vm.initialModelValue,
|
|
357
|
-
"filter": _vm.
|
|
361
|
+
"filter": _vm.dateFilter
|
|
358
362
|
},
|
|
359
363
|
model: {
|
|
360
364
|
value: _vm.draftModelValue,
|
|
@@ -366,7 +370,7 @@ var __vue_render__ = function () {
|
|
|
366
370
|
}), _vm._v(" "), _c('OrDateTimePickerDaySelect', {
|
|
367
371
|
attrs: {
|
|
368
372
|
"initial-value": _vm.initialModelValue,
|
|
369
|
-
"filter": _vm.
|
|
373
|
+
"filter": _vm.dateFilter
|
|
370
374
|
},
|
|
371
375
|
model: {
|
|
372
376
|
value: _vm.draftModelValue,
|
|
@@ -410,7 +414,7 @@ var __vue_render__ = function () {
|
|
|
410
414
|
}, [_vm._v("\n " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
|
|
411
415
|
attrs: {
|
|
412
416
|
"initial-value": _vm.initialModelValue,
|
|
413
|
-
"filter": _vm.
|
|
417
|
+
"filter": _vm.timeFilter
|
|
414
418
|
},
|
|
415
419
|
model: {
|
|
416
420
|
value: _vm.draftModelValue,
|
|
@@ -39,7 +39,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
39
39
|
type: DateConstructor;
|
|
40
40
|
default: undefined;
|
|
41
41
|
};
|
|
42
|
-
|
|
42
|
+
dateFilter: {
|
|
43
|
+
type: PropType<(value: Date) => boolean>;
|
|
44
|
+
default: undefined;
|
|
45
|
+
};
|
|
46
|
+
timeFilter: {
|
|
43
47
|
type: PropType<(value: Date) => boolean>;
|
|
44
48
|
default: undefined;
|
|
45
49
|
};
|
|
@@ -80,7 +84,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
80
84
|
type: DateConstructor;
|
|
81
85
|
default: undefined;
|
|
82
86
|
};
|
|
83
|
-
|
|
87
|
+
dateFilter: {
|
|
88
|
+
type: PropType<(value: Date) => boolean>;
|
|
89
|
+
default: undefined;
|
|
90
|
+
};
|
|
91
|
+
timeFilter: {
|
|
84
92
|
type: PropType<(value: Date) => boolean>;
|
|
85
93
|
default: undefined;
|
|
86
94
|
};
|
|
@@ -117,8 +125,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
117
125
|
default: boolean;
|
|
118
126
|
};
|
|
119
127
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
120
|
-
filter: (value: Date) => boolean;
|
|
121
128
|
modelValue: Date;
|
|
129
|
+
dateFilter: (value: Date) => boolean;
|
|
130
|
+
timeFilter: (value: Date) => boolean;
|
|
122
131
|
size: DateTimePickerSize;
|
|
123
132
|
label: string;
|
|
124
133
|
hint: string;
|
|
@@ -164,8 +173,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
164
173
|
formatDateAlt: (value?: Date) => string;
|
|
165
174
|
formatTimeAlt: (value?: Date) => string;
|
|
166
175
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
167
|
-
filter: (value: Date) => boolean;
|
|
168
176
|
modelValue: Date;
|
|
177
|
+
dateFilter: (value: Date) => boolean;
|
|
178
|
+
timeFilter: (value: Date) => boolean;
|
|
169
179
|
size: DateTimePickerSize;
|
|
170
180
|
label: string;
|
|
171
181
|
hint: string;
|
|
@@ -177,8 +187,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
177
187
|
} & {} & {
|
|
178
188
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
179
189
|
}, {
|
|
180
|
-
filter: (value: Date) => boolean;
|
|
181
190
|
modelValue: Date;
|
|
191
|
+
dateFilter: (value: Date) => boolean;
|
|
192
|
+
timeFilter: (value: Date) => boolean;
|
|
182
193
|
size: DateTimePickerSize;
|
|
183
194
|
label: string;
|
|
184
195
|
hint: string;
|
|
@@ -6,7 +6,7 @@ import './hooks/useDefaultHours.js';
|
|
|
6
6
|
import './hooks/useDefaultMinutes.js';
|
|
7
7
|
import './hooks/useDefaultMonth.js';
|
|
8
8
|
import './hooks/useDefaultYear.js';
|
|
9
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
9
|
+
import '../../OrDateTimePickerMonthSelect-4a690ecc.js';
|
|
10
10
|
import './hooks/useDatePlaceholder.js';
|
|
11
11
|
import '../../normalize-component-6e8e3d80.js';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
@@ -207,7 +207,7 @@ import './OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
207
207
|
import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
208
208
|
import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
209
209
|
import './OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
210
|
-
import '../OrDateTimePickerMonthSelect-
|
|
210
|
+
import '../OrDateTimePickerMonthSelect-4a690ecc.js';
|
|
211
211
|
import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
212
212
|
import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
213
213
|
import './OrDatePickerV3/styles.js';
|