@hz-libs/bpe-ui-datepicker 0.1.0 → 0.1.2
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/README.md +49 -0
- package/dist/index.js +1 -1
- package/package.json +4 -3
package/README.md
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
# @hz-libs/bpe-ui-datepicker
|
|
2
|
+
|
|
3
|
+
Date picker, range picker, and calendar primitives for Vue 3.
|
|
4
|
+
|
|
5
|
+
[Docs](https://hzlibs.pages.dev/components/bpe-ui-datepicker)
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
pnpm add @hz-libs/bpe-ui-datepicker
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
The app must already depend on Vue `^3.5.0`. This package depends on `@hz-libs/bpe-ui-popover` and `@hz-libs/bpe-ui-selectbox`. Component CSS is included in the JavaScript import.
|
|
14
|
+
|
|
15
|
+
## Use
|
|
16
|
+
|
|
17
|
+
`v-model` is a `Date`, or `null` when the field is empty. The field can be cleared. `allow-time-picker` adds a time control. `disable` keeps the current value visible and blocks the calendar.
|
|
18
|
+
|
|
19
|
+
```vue
|
|
20
|
+
<script setup>
|
|
21
|
+
import { ref } from 'vue'
|
|
22
|
+
import { DatePicker } from '@hz-libs/bpe-ui-datepicker'
|
|
23
|
+
|
|
24
|
+
const date = ref(null)
|
|
25
|
+
</script>
|
|
26
|
+
|
|
27
|
+
<template>
|
|
28
|
+
<DatePicker v-model="date" placeholder="Select a date" />
|
|
29
|
+
</template>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
`DateRangePicker` stores a start and an end date in an array.
|
|
33
|
+
|
|
34
|
+
```vue
|
|
35
|
+
<script setup>
|
|
36
|
+
import { ref } from 'vue'
|
|
37
|
+
import { DateRangePicker } from '@hz-libs/bpe-ui-datepicker'
|
|
38
|
+
|
|
39
|
+
const range = ref([])
|
|
40
|
+
</script>
|
|
41
|
+
|
|
42
|
+
<template>
|
|
43
|
+
<DateRangePicker v-model="range" placeholder="Select a range" />
|
|
44
|
+
</template>
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## Exports
|
|
48
|
+
|
|
49
|
+
`Calendar`, `CalendarRange`, `DatePicker`, `DateRangePicker`.
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
if (typeof document !== 'undefined' && !document.getElementById("bpe-ui-datepicker")) { const style = document.createElement('style'); style.id = "bpe-ui-datepicker"; style.textContent = ".slide-left-enter-active[data-v-a8b61cae],.slide-left-leave-active[data-v-a8b61cae],.slide-right-enter-active[data-v-a8b61cae],.slide-right-leave-active[data-v-a8b61cae]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-a8b61cae],.slide-right-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-a8b61cae]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-a8b61cae],.slide-vertical-leave-active[data-v-a8b61cae]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-a8b61cae]{pointer-events:none}.slide-vertical-enter-from[data-v-a8b61cae],.slide-vertical-leave-to[data-v-a8b61cae]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-a8b61cae],.slide-left-long-leave-active[data-v-a8b61cae],.slide-right-long-enter-active[data-v-a8b61cae],.slide-right-long-leave-active[data-v-a8b61cae]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-a8b61cae]{transition-delay:20ms}.slide-left-long-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-a8b61cae],.slide-right-long-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-a8b61cae]{opacity:0;transform:translate(16px)}.slide-left-enter-active[data-v-174e40ce],.slide-left-leave-active[data-v-174e40ce],.slide-right-enter-active[data-v-174e40ce],.slide-right-leave-active[data-v-174e40ce]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-174e40ce]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-174e40ce],.slide-right-enter-from[data-v-174e40ce]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-174e40ce]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-174e40ce],.slide-vertical-leave-active[data-v-174e40ce]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-174e40ce]{pointer-events:none}.slide-vertical-enter-from[data-v-174e40ce],.slide-vertical-leave-to[data-v-174e40ce]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-174e40ce],.slide-left-long-leave-active[data-v-174e40ce],.slide-right-long-enter-active[data-v-174e40ce],.slide-right-long-leave-active[data-v-174e40ce]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-174e40ce]{transition-delay:20ms}.slide-left-long-enter-from[data-v-174e40ce]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-174e40ce],.slide-right-long-enter-from[data-v-174e40ce]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-174e40ce]{opacity:0;transform:translate(16px)}.slide-left-enter-active[data-v-93b08858],.slide-left-leave-active[data-v-93b08858],.slide-right-enter-active[data-v-93b08858],.slide-right-leave-active[data-v-93b08858]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-93b08858]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-93b08858],.slide-right-enter-from[data-v-93b08858]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-93b08858]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-93b08858],.slide-vertical-leave-active[data-v-93b08858]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-93b08858]{pointer-events:none}.slide-vertical-enter-from[data-v-93b08858],.slide-vertical-leave-to[data-v-93b08858]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-93b08858],.slide-left-long-leave-active[data-v-93b08858],.slide-right-long-enter-active[data-v-93b08858],.slide-right-long-leave-active[data-v-93b08858]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-93b08858]{transition-delay:20ms}.slide-left-long-enter-from[data-v-93b08858]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-93b08858],.slide-right-long-enter-from[data-v-93b08858]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-93b08858]{opacity:0;transform:translate(16px)}.time-slider__list[data-v-597e5541]{scroll-snap-type:y mandatory;scrollbar-width:none}.time-slider__list[data-v-597e5541]::-webkit-scrollbar{display:none}.time-slider__item[data-v-597e5541]{scroll-snap-align:center}.slide-left-enter-active[data-v-eba54451],.slide-left-leave-active[data-v-eba54451],.slide-right-enter-active[data-v-eba54451],.slide-right-leave-active[data-v-eba54451]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-eba54451]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-eba54451],.slide-right-enter-from[data-v-eba54451]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-eba54451]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-eba54451],.slide-vertical-leave-active[data-v-eba54451]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-eba54451]{pointer-events:none}.slide-vertical-enter-from[data-v-eba54451],.slide-vertical-leave-to[data-v-eba54451]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-eba54451],.slide-left-long-leave-active[data-v-eba54451],.slide-right-long-enter-active[data-v-eba54451],.slide-right-long-leave-active[data-v-eba54451]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-eba54451]{transition-delay:20ms}.slide-left-long-enter-from[data-v-eba54451]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-eba54451],.slide-right-long-enter-from[data-v-eba54451]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-eba54451]{opacity:0;transform:translate(16px)}.slide-left-enter-active[data-v-6149ee9e],.slide-left-leave-active[data-v-6149ee9e],.slide-right-enter-active[data-v-6149ee9e],.slide-right-leave-active[data-v-6149ee9e]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-6149ee9e],.slide-right-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-6149ee9e]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-6149ee9e],.slide-vertical-leave-active[data-v-6149ee9e]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-6149ee9e]{pointer-events:none}.slide-vertical-enter-from[data-v-6149ee9e],.slide-vertical-leave-to[data-v-6149ee9e]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-6149ee9e],.slide-left-long-leave-active[data-v-6149ee9e],.slide-right-long-enter-active[data-v-6149ee9e],.slide-right-long-leave-active[data-v-6149ee9e]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-6149ee9e]{transition-delay:20ms}.slide-left-long-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-6149ee9e],.slide-right-long-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-6149ee9e]{opacity:0;transform:translate(16px)}[popover].bottom{opacity:0;transform:translateY(.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].bottom:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].bottom:popover-open{opacity:0;transform:translateY(.25rem)}}[popover].top{opacity:0;transform:translateY(-.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].top:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].top:popover-open{opacity:0;transform:translateY(-.25rem)}}[popover].right{opacity:0;transform:translate(.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].right:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].right:popover-open{opacity:0;transform:translate(.25rem)}}[popover].left{opacity:0;transform:translate(-.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].left:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].left:popover-open{opacity:0;transform:translate(-.25rem)}}\n"; document.head.append(style); }
|
|
1
|
+
if (typeof document !== 'undefined' && !document.getElementById("bpe-ui-datepicker")) { const style = document.createElement('style'); style.id = "bpe-ui-datepicker"; style.textContent = "@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}@layer theme{:root,:host{--color-red-400:oklch(70.4% .191 22.216);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-neutral-100:oklch(97% 0 none);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-1\\/2{top:50%}.right-0{right:0}.left-0{left:0}.-z-1{z-index:-1}.z-10{z-index:10}.-m-1\\.5{margin:calc(var(--spacing) * -1.5)}.my-auto{margin-block:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.ml-px{margin-left:1px}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.aspect-square{aspect-ratio:1}.size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-5\\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-full{width:100%}.max-w-74{max-width:calc(var(--spacing) * 74)}.max-w-full{max-width:100%}.min-w-34{min-width:calc(var(--spacing) * 34)}.min-w-65{min-width:calc(var(--spacing) * 65)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-y-90{--tw-scale-y:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.snap-center{scroll-snap-align:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-\\[2rem_1fr\\]{grid-template-rows:2rem 1fr}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-x-1{column-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-px{row-gap:1px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-none{overscroll-behavior:none}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none\\!{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l-none\\!{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.rounded-r-none\\!{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-400{border-color:var(--color-blue-400)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300\\/80{border-color:#cad5e2cc}@supports (color:color-mix(in lab,red,red)){.border-slate-300\\/80{border-color:color-mix(in oklab,var(--color-slate-300) 80%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-sky-100\\!{background-color:var(--color-sky-100)!important}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\\/50{background-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\\/50{background-color:color-mix(in oklab,var(--color-slate-100) 50%,transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-0{padding:0}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-px{padding:1px}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-2{padding-block:calc(var(--spacing) * 2)}.pb-px{padding-bottom:1px}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.5rem\\]{font-size:.5rem}.text-\\[0\\.625rem\\]{font-size:.625rem}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-blue-600\\!{color:var(--color-blue-600)!important}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-sky-200{color:var(--color-sky-200)}.text-white{color:var(--color-white)}.text-white\\!{color:var(--color-white)!important}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-80{opacity:.8}.shadow-\\[0_0_4px_0_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 0 4px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.ring-transparent{--tw-ring-color:transparent}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\\:ring-blue-600\\/20:is(:where(.group):focus-within *){--tw-ring-color:#155dfc33}@supports (color:color-mix(in lab,red,red)){.group-focus-within\\:ring-blue-600\\/20:is(:where(.group):focus-within *){--tw-ring-color:color-mix(in oklab, var(--color-blue-600) 20%, transparent)}}.group-enabled\\/target\\:bg-white:is(:where(.group\\/target):enabled *){background-color:var(--color-white)}.group-enabled\\/target\\:text-gray-700:is(:where(.group\\/target):enabled *){color:var(--color-gray-700)}.group-disabled\\/target\\:bg-neutral-100\\/80:is(:where(.group\\/target):disabled *){background-color:#f5f5f5cc}@supports (color:color-mix(in lab,red,red)){.group-disabled\\/target\\:bg-neutral-100\\/80:is(:where(.group\\/target):disabled *){background-color:color-mix(in oklab,var(--color-neutral-100) 80%,transparent)}}.group-disabled\\/target\\:text-gray-500\\/80:is(:where(.group\\/target):disabled *){color:#6a7282cc}@supports (color:color-mix(in lab,red,red)){.group-disabled\\/target\\:text-gray-500\\/80:is(:where(.group\\/target):disabled *){color:color-mix(in oklab,var(--color-gray-500) 80%,transparent)}}@media(hover:hover){.hover\\:bg-blue-600\\!:hover{background-color:var(--color-blue-600)!important}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}}.focus\\:border-blue-500\\!:focus{border-color:var(--color-blue-500)!important}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-1\\!:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-blue-500\\!:focus{--tw-ring-color:var(--color-blue-500)!important}.focus\\:ring-blue-500\\/20\\!:focus{--tw-ring-color:#3080ff33!important}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-blue-500\\/20\\!:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)!important}}.focus\\:ring-slate-400\\/40\\!:focus{--tw-ring-color:#90a1b966!important}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-slate-400\\/40\\!:focus{--tw-ring-color:color-mix(in oklab, var(--color-slate-400) 40%, transparent)!important}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media(hover:hover){.enabled\\:hover\\:border-blue-500:enabled:hover{border-color:var(--color-blue-500)}.enabled\\:hover\\:bg-slate-600:enabled:hover{background-color:var(--color-slate-600)}}.disabled\\:opacity-50:disabled{opacity:.5}.aria-disabled\\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\\:opacity-20[aria-disabled=true]{opacity:.2}@media(hover:hover){.aria-disabled\\:hover\\:bg-transparent\\![aria-disabled=true]:hover{background-color:#0000!important}}.data-\\[error\\=false\\]\\:border-gray-200[data-error=false]{border-color:var(--color-gray-200)}.data-\\[error\\=true\\]\\:border-red-400[data-error=true]{border-color:var(--color-red-400)}.data-\\[opened\\=true\\]\\:border-blue-500[data-opened=true]{border-color:var(--color-blue-500)}.data-\\[opened\\=true\\]\\:ring-blue-500\\/20[data-opened=true]{--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.data-\\[opened\\=true\\]\\:ring-blue-500\\/20[data-opened=true]{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:\"*\";inherits:false}.slide-left-enter-active[data-v-a8b61cae],.slide-left-leave-active[data-v-a8b61cae],.slide-right-enter-active[data-v-a8b61cae],.slide-right-leave-active[data-v-a8b61cae]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-a8b61cae],.slide-right-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-a8b61cae]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-a8b61cae],.slide-vertical-leave-active[data-v-a8b61cae]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-a8b61cae]{pointer-events:none}.slide-vertical-enter-from[data-v-a8b61cae],.slide-vertical-leave-to[data-v-a8b61cae]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-a8b61cae],.slide-left-long-leave-active[data-v-a8b61cae],.slide-right-long-enter-active[data-v-a8b61cae],.slide-right-long-leave-active[data-v-a8b61cae]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-a8b61cae]{transition-delay:20ms}.slide-left-long-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-a8b61cae],.slide-right-long-enter-from[data-v-a8b61cae]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-a8b61cae]{opacity:0;transform:translate(16px)}.slide-left-enter-active[data-v-174e40ce],.slide-left-leave-active[data-v-174e40ce],.slide-right-enter-active[data-v-174e40ce],.slide-right-leave-active[data-v-174e40ce]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-174e40ce]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-174e40ce],.slide-right-enter-from[data-v-174e40ce]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-174e40ce]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-174e40ce],.slide-vertical-leave-active[data-v-174e40ce]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-174e40ce]{pointer-events:none}.slide-vertical-enter-from[data-v-174e40ce],.slide-vertical-leave-to[data-v-174e40ce]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-174e40ce],.slide-left-long-leave-active[data-v-174e40ce],.slide-right-long-enter-active[data-v-174e40ce],.slide-right-long-leave-active[data-v-174e40ce]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-174e40ce]{transition-delay:20ms}.slide-left-long-enter-from[data-v-174e40ce]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-174e40ce],.slide-right-long-enter-from[data-v-174e40ce]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-174e40ce]{opacity:0;transform:translate(16px)}.slide-left-enter-active[data-v-93b08858],.slide-left-leave-active[data-v-93b08858],.slide-right-enter-active[data-v-93b08858],.slide-right-leave-active[data-v-93b08858]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-93b08858]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-93b08858],.slide-right-enter-from[data-v-93b08858]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-93b08858]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-93b08858],.slide-vertical-leave-active[data-v-93b08858]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-93b08858]{pointer-events:none}.slide-vertical-enter-from[data-v-93b08858],.slide-vertical-leave-to[data-v-93b08858]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-93b08858],.slide-left-long-leave-active[data-v-93b08858],.slide-right-long-enter-active[data-v-93b08858],.slide-right-long-leave-active[data-v-93b08858]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-93b08858]{transition-delay:20ms}.slide-left-long-enter-from[data-v-93b08858]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-93b08858],.slide-right-long-enter-from[data-v-93b08858]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-93b08858]{opacity:0;transform:translate(16px)}.time-slider__list[data-v-597e5541]{scroll-snap-type:y mandatory;scrollbar-width:none}.time-slider__list[data-v-597e5541]::-webkit-scrollbar{display:none}.time-slider__item[data-v-597e5541]{scroll-snap-align:center}.slide-left-enter-active[data-v-eba54451],.slide-left-leave-active[data-v-eba54451],.slide-right-enter-active[data-v-eba54451],.slide-right-leave-active[data-v-eba54451]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-eba54451]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-eba54451],.slide-right-enter-from[data-v-eba54451]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-eba54451]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-eba54451],.slide-vertical-leave-active[data-v-eba54451]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-eba54451]{pointer-events:none}.slide-vertical-enter-from[data-v-eba54451],.slide-vertical-leave-to[data-v-eba54451]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-eba54451],.slide-left-long-leave-active[data-v-eba54451],.slide-right-long-enter-active[data-v-eba54451],.slide-right-long-leave-active[data-v-eba54451]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-eba54451]{transition-delay:20ms}.slide-left-long-enter-from[data-v-eba54451]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-eba54451],.slide-right-long-enter-from[data-v-eba54451]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-eba54451]{opacity:0;transform:translate(16px)}.slide-left-enter-active[data-v-6149ee9e],.slide-left-leave-active[data-v-6149ee9e],.slide-right-enter-active[data-v-6149ee9e],.slide-right-leave-active[data-v-6149ee9e]{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity 80ms cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(10%)}.slide-left-leave-to[data-v-6149ee9e],.slide-right-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(-10%)}.slide-right-leave-to[data-v-6149ee9e]{opacity:0;transform:translate(10%)}.slide-vertical-enter-active[data-v-6149ee9e],.slide-vertical-leave-active[data-v-6149ee9e]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.slide-vertical-leave-active[data-v-6149ee9e]{pointer-events:none}.slide-vertical-enter-from[data-v-6149ee9e],.slide-vertical-leave-to[data-v-6149ee9e]{opacity:0;transform:translateY(-10%)}.slide-left-long-enter-active[data-v-6149ee9e],.slide-left-long-leave-active[data-v-6149ee9e],.slide-right-long-enter-active[data-v-6149ee9e],.slide-right-long-leave-active[data-v-6149ee9e]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.slide-right-long-enter-active[data-v-6149ee9e]{transition-delay:20ms}.slide-left-long-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(16px)}.slide-left-long-leave-to[data-v-6149ee9e],.slide-right-long-enter-from[data-v-6149ee9e]{opacity:0;transform:translate(-16px)}.slide-right-long-leave-to[data-v-6149ee9e]{opacity:0;transform:translate(16px)}[popover].bottom{opacity:0;transform:translateY(.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].bottom:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].bottom:popover-open{opacity:0;transform:translateY(.25rem)}}[popover].top{opacity:0;transform:translateY(-.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].top:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].top:popover-open{opacity:0;transform:translateY(-.25rem)}}[popover].right{opacity:0;transform:translate(.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].right:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].right:popover-open{opacity:0;transform:translate(.25rem)}}[popover].left{opacity:0;transform:translate(-.25rem);transition:opacity .2s ease-out,transform .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete}[popover].left:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover].left:popover-open{opacity:0;transform:translate(-.25rem)}}\n"; document.head.prepend(style); }
|
|
2
2
|
import { getCurrentScope as qi, onScopeDispose as Hi, toValue as Cn, shallowRef as xa, watch as $e, computed as ae, defineComponent as Zn, h as bt, openBlock as L, createElementBlock as X, createElementVNode as H, createVNode as ue, unref as R, Transition as It, withCtx as Ct, toDisplayString as ve, useTemplateRef as le, ref as se, createBlock as he, Fragment as tt, renderList as St, withKeys as Qn, withModifiers as qt, normalizeClass as ke, createCommentVNode as de, nextTick as je, createTextVNode as Ki, useModel as Pt, onMounted as ea, onUnmounted as ta, normalizeStyle as kt, mergeModels as De, renderSlot as Xi } from "vue";
|
|
3
3
|
import { usePopover as _r } from "@hz-libs/bpe-ui-popover";
|
|
4
4
|
import { SelectBoxRightAction as Lr } from "@hz-libs/bpe-ui-selectbox";
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hz-libs/bpe-ui-datepicker",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Date picker, range picker, and calendar primitives.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
7
|
+
"./dist/index.js",
|
|
7
8
|
"**/*.css"
|
|
8
9
|
],
|
|
9
10
|
"files": [
|
|
@@ -20,8 +21,8 @@
|
|
|
20
21
|
"vue": "^3.5.0"
|
|
21
22
|
},
|
|
22
23
|
"dependencies": {
|
|
23
|
-
"@hz-libs/bpe-ui-
|
|
24
|
-
"@hz-libs/bpe-ui-
|
|
24
|
+
"@hz-libs/bpe-ui-selectbox": "0.1.2",
|
|
25
|
+
"@hz-libs/bpe-ui-popover": "0.1.2"
|
|
25
26
|
},
|
|
26
27
|
"devDependencies": {
|
|
27
28
|
"@awesome.me/kit-2a08aed3ec": "^1.0.2",
|