@ptlm-azulejo/datepicker 0.1.1 → 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 +28 -42
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/src/index.stories.d.ts.map +1 -1
- package/dist/src/index.vue.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -32,10 +32,10 @@ CSS variables at runtime. Those tokens come from `@ptlm-azulejo/themes`, and **t
|
|
|
32
32
|
brand is selected by a class on your app's `<html>` element**, so switching brand
|
|
33
33
|
never touches component code.
|
|
34
34
|
|
|
35
|
-
| Project
|
|
36
|
-
|
|
|
37
|
-
| Leroy Merlin | `@ptlm-azulejo/themes/presets/leroy-merlin.css` | `preset-lm`
|
|
38
|
-
| Adeo
|
|
35
|
+
| Project | Preset stylesheet | Root class | Typeface | Font package |
|
|
36
|
+
| ------------ | ----------------------------------------------- | ------------- | --------------- | ---------------------------------- |
|
|
37
|
+
| Leroy Merlin | `@ptlm-azulejo/themes/presets/leroy-merlin.css` | `preset-lm` | LeroyMerlinSans | `@ptlm-azulejo/fonts-leroy-merlin` |
|
|
38
|
+
| Adeo | `@ptlm-azulejo/themes/presets/adeo.css` | `preset-adeo` | Roboto | `@ptlm-azulejo/fonts-adeo` |
|
|
39
39
|
|
|
40
40
|
**Leroy Merlin projects**
|
|
41
41
|
|
|
@@ -46,7 +46,7 @@ import '@ptlm-azulejo/datepicker/style.css'
|
|
|
46
46
|
```
|
|
47
47
|
|
|
48
48
|
```html
|
|
49
|
-
<html lang="pt" class="preset-lm">
|
|
49
|
+
<html lang="pt" class="preset-lm"></html>
|
|
50
50
|
```
|
|
51
51
|
|
|
52
52
|
**Adeo projects**
|
|
@@ -58,7 +58,7 @@ import '@ptlm-azulejo/datepicker/style.css'
|
|
|
58
58
|
```
|
|
59
59
|
|
|
60
60
|
```html
|
|
61
|
-
<html lang="pt" class="preset-adeo">
|
|
61
|
+
<html lang="pt" class="preset-adeo"></html>
|
|
62
62
|
```
|
|
63
63
|
|
|
64
64
|
> The preset class is what resolves the brand at runtime. Without it — even with
|
|
@@ -72,12 +72,12 @@ Add `data-theme` alongside the brand class to pin the color scheme. Leave it off
|
|
|
72
72
|
and the preset follows the OS `prefers-color-scheme`:
|
|
73
73
|
|
|
74
74
|
```html
|
|
75
|
-
<html lang="pt" class="preset-lm" data-theme="dark">
|
|
75
|
+
<html lang="pt" class="preset-lm" data-theme="dark"></html>
|
|
76
76
|
```
|
|
77
77
|
|
|
78
78
|
### Why the font package is separate
|
|
79
79
|
|
|
80
|
-
The preset only
|
|
80
|
+
The preset only _names_ its typeface in `--font-family` and ships no font files.
|
|
81
81
|
[Loading them is your app's job](../themes/README.md#fonts), as with upstream
|
|
82
82
|
Mozaic, so you keep control of hosting, subsetting and preload. Without the
|
|
83
83
|
matching font package, `font-sans` falls back to a generic sans-serif. A
|
|
@@ -86,26 +86,26 @@ only the active brand's file is ever downloaded.
|
|
|
86
86
|
|
|
87
87
|
## Props
|
|
88
88
|
|
|
89
|
-
| Name
|
|
90
|
-
|
|
|
91
|
-
| `id`
|
|
92
|
-
| `name`
|
|
93
|
-
| `modelValue`
|
|
94
|
-
| `isInvalid`
|
|
95
|
-
| `disabled`
|
|
96
|
-
| `size`
|
|
97
|
-
| `readonly`
|
|
98
|
-
| `isClearable`
|
|
99
|
-
| `clearLabel`
|
|
100
|
-
| `minDate`
|
|
101
|
-
| `maxDate`
|
|
102
|
-
| `enabledDates`
|
|
103
|
-
| `disabledDates` | `string[]`
|
|
89
|
+
| Name | Type | Default | Description |
|
|
90
|
+
| --------------- | -------------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------- |
|
|
91
|
+
| `id` | `string` | — | **Required.** A unique identifier for the datepicker element, used to associate the label with the form element. |
|
|
92
|
+
| `name` | `string` | — | The name attribute for the datepicker element, typically used for form submission. |
|
|
93
|
+
| `modelValue` | `string` \| `number` | — | The current value of the datepicker field. |
|
|
94
|
+
| `isInvalid` | `boolean` | — | If `true`, applies an invalid state to the datepicker. |
|
|
95
|
+
| `disabled` | `boolean` | — | If `true`, disables the datepicker, making it non-interactive. |
|
|
96
|
+
| `size` | `"s"` \| `"m"` | `"m"` | Determines the size of the datepicker. |
|
|
97
|
+
| `readonly` | `boolean` | — | If `true`, the datepicker is read-only (cannot be edited). |
|
|
98
|
+
| `isClearable` | `boolean` | — | If `true`, a clear button will appear when the datepicker has a value. |
|
|
99
|
+
| `clearLabel` | `string` | `"clear content"` | The label text for the clear button. |
|
|
100
|
+
| `minDate` | `string` | — | The minimum selectable date (format: YYYY-MM-DD). |
|
|
101
|
+
| `maxDate` | `string` | — | The maximum selectable date (format: YYYY-MM-DD). |
|
|
102
|
+
| `enabledDates` | `string[]` | — | Array of specific dates that should be enabled; all others disabled. Takes priority over `disabledDates`. |
|
|
103
|
+
| `disabledDates` | `string[]` | — | Array of specific dates that should be disabled; all others in range remain enabled. |
|
|
104
104
|
|
|
105
105
|
## Events
|
|
106
106
|
|
|
107
|
-
| Name
|
|
108
|
-
|
|
|
107
|
+
| Name | Payload | Description |
|
|
108
|
+
| ------------------- | -------------------- | ------------------------------------------ |
|
|
109
109
|
| `update:modelValue` | `string` \| `number` | Emitted when the datepicker value changes. |
|
|
110
110
|
|
|
111
111
|
## Basic Usage
|
|
@@ -124,12 +124,7 @@ import { AzDatepicker } from '@ptlm-azulejo/datepicker'
|
|
|
124
124
|
|
|
125
125
|
```vue
|
|
126
126
|
<template>
|
|
127
|
-
<AzDatepicker
|
|
128
|
-
id="appointment"
|
|
129
|
-
v-model="appointment"
|
|
130
|
-
is-clearable
|
|
131
|
-
clear-label="Effacer la date"
|
|
132
|
-
/>
|
|
127
|
+
<AzDatepicker id="appointment" v-model="appointment" is-clearable clear-label="Effacer la date" />
|
|
133
128
|
</template>
|
|
134
129
|
```
|
|
135
130
|
|
|
@@ -153,12 +148,7 @@ import { AzDatepicker } from '@ptlm-azulejo/datepicker'
|
|
|
153
148
|
|
|
154
149
|
```vue
|
|
155
150
|
<template>
|
|
156
|
-
<AzDatepicker
|
|
157
|
-
id="range"
|
|
158
|
-
v-model="range"
|
|
159
|
-
min-date="2026-06-01"
|
|
160
|
-
max-date="2026-06-30"
|
|
161
|
-
/>
|
|
151
|
+
<AzDatepicker id="range" v-model="range" min-date="2026-06-01" max-date="2026-06-30" />
|
|
162
152
|
</template>
|
|
163
153
|
```
|
|
164
154
|
|
|
@@ -166,11 +156,7 @@ import { AzDatepicker } from '@ptlm-azulejo/datepicker'
|
|
|
166
156
|
|
|
167
157
|
```vue
|
|
168
158
|
<template>
|
|
169
|
-
<AzDatepicker
|
|
170
|
-
id="disabled"
|
|
171
|
-
v-model="date"
|
|
172
|
-
:disabled-dates="['2026-06-10', '2026-06-20']"
|
|
173
|
-
/>
|
|
159
|
+
<AzDatepicker id="disabled" v-model="date" :disabled-dates="['2026-06-10', '2026-06-20']" />
|
|
174
160
|
</template>
|
|
175
161
|
```
|
|
176
162
|
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -99,7 +99,7 @@ const h = ["id", "value", "name", "disabled", "aria-invalid", "readonly", "min",
|
|
|
99
99
|
for (const [o, s] of r)
|
|
100
100
|
e[o] = s;
|
|
101
101
|
return e;
|
|
102
|
-
}, $ = /* @__PURE__ */ C(B, [["__scopeId", "data-v-
|
|
102
|
+
}, $ = /* @__PURE__ */ C(B, [["__scopeId", "data-v-a16d36be"]]);
|
|
103
103
|
export {
|
|
104
104
|
$ as AzDatepicker
|
|
105
105
|
};
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(l,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@ptlm-azulejo/icons/style.css")):typeof define=="function"&&define.amd?define(["exports","vue","@ptlm-azulejo/icons/style.css"],t):(l=typeof globalThis!="undefined"?globalThis:l||self,t(l.datepicker={},l.Vue))})(this,function(l,t){"use strict";const m=["id","value","name","disabled","aria-invalid","readonly","min","max"],p={key:0,class:"absolute right-11 top-3 az-datepicker__controls-options"},f={"data-testid":"datepicker-clear-label",class:"sr-only"},b=((i,s)=>{const e=i.__vccOpts||i;for(const[r,d]of s)e[r]=d;return e})(t.defineComponent({inheritAttrs:!1,__name:"index",props:{id:{},name:{},modelValue:{},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"clear content"},minDate:{},maxDate:{},enabledDates:{},disabledDates:{}},emits:["update:modelValue"],setup(i,{emit:s}){const e=i,r=t.computed(()=>({[`az-text-input--${e.size} az-datepicker--${e.size}`]:e.size&&e.size!="m","is-invalid":e.isInvalid})),d=t.computed(()=>{var n;const a=(n=e.enabledDates)!=null&&n.length?[...e.enabledDates].sort()[0]:void 0;return e.minDate&&a?e.minDate>a?e.minDate:a:a!=null?a:e.minDate}),D=t.computed(()=>{var n;const a=(n=e.enabledDates)!=null&&n.length?[...e.enabledDates].sort().pop():void 0;return e.maxDate&&a?e.maxDate<a?e.maxDate:a:a!=null?a:e.maxDate}),k=a=>{var n,o;return a?(n=e.enabledDates)!=null&&n.length?!e.enabledDates.includes(a):(o=e.disabledDates)!=null&&o.length?e.disabledDates.includes(a):!1:!1},x=()=>{c("update:modelValue","")},y=a=>{var u;const n=a.target,o=n.value;if(!o){c("update:modelValue","");return}if(k(o)){n.value=String((u=e.modelValue)!=null?u:"");return}c("update:modelValue",o)},c=s;return(a,n)=>(t.openBlock(),t.createElementBlock("div",{"data-testid":"datepicker",class:t.normalizeClass(["relative flex items-center gap-2 w-full h-12 bg-surface text-fg rounded border border-[var(--forms-color-border-default)] transition-all duration-200 az-text-input az-datepicker",r.value])},[t.createElementVNode("input",t.mergeProps({id:i.id,"data-testid":"datepicker-input",class:"bg-transparent border-0 outline-none grow text-base font-normal text-fg az-text-input__control az-datepicker__control",value:e.modelValue,type:"date",name:i.name,disabled:i.disabled,"aria-invalid":i.isInvalid,readonly:i.readonly,min:d.value,max:D.value},a.$attrs,{onInput:y}),null,16,m),n[1]||(n[1]=t.createElementVNode("span",{"data-testid":"datepicker-icon",class:"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 block w-4 h-4 az-datepicker__icon","aria-hidden":"true"},null,-1)),i.isClearable&&e.modelValue?(t.openBlock(),t.createElementBlock("div",p,[t.createElementVNode("button",{type:"button","data-testid":"datepicker-clear",class:"flex items-center justify-center bg-transparent border-0 p-0 cursor-pointer",onClick:x},[n[0]||(n[0]=t.createElementVNode("i",{"data-testid":"datepicker-clear-icon",class:"az az-ui-cross-circle-filled az-controls-options__icon","aria-hidden":"true"},null,-1)),t.createElementVNode("span",f,t.toDisplayString(i.clearLabel),1)])])):t.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-
|
|
1
|
+
(function(l,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@ptlm-azulejo/icons/style.css")):typeof define=="function"&&define.amd?define(["exports","vue","@ptlm-azulejo/icons/style.css"],t):(l=typeof globalThis!="undefined"?globalThis:l||self,t(l.datepicker={},l.Vue))})(this,function(l,t){"use strict";const m=["id","value","name","disabled","aria-invalid","readonly","min","max"],p={key:0,class:"absolute right-11 top-3 az-datepicker__controls-options"},f={"data-testid":"datepicker-clear-label",class:"sr-only"},b=((i,s)=>{const e=i.__vccOpts||i;for(const[r,d]of s)e[r]=d;return e})(t.defineComponent({inheritAttrs:!1,__name:"index",props:{id:{},name:{},modelValue:{},isInvalid:{type:Boolean},disabled:{type:Boolean},size:{default:"m"},readonly:{type:Boolean},isClearable:{type:Boolean},clearLabel:{default:"clear content"},minDate:{},maxDate:{},enabledDates:{},disabledDates:{}},emits:["update:modelValue"],setup(i,{emit:s}){const e=i,r=t.computed(()=>({[`az-text-input--${e.size} az-datepicker--${e.size}`]:e.size&&e.size!="m","is-invalid":e.isInvalid})),d=t.computed(()=>{var n;const a=(n=e.enabledDates)!=null&&n.length?[...e.enabledDates].sort()[0]:void 0;return e.minDate&&a?e.minDate>a?e.minDate:a:a!=null?a:e.minDate}),D=t.computed(()=>{var n;const a=(n=e.enabledDates)!=null&&n.length?[...e.enabledDates].sort().pop():void 0;return e.maxDate&&a?e.maxDate<a?e.maxDate:a:a!=null?a:e.maxDate}),k=a=>{var n,o;return a?(n=e.enabledDates)!=null&&n.length?!e.enabledDates.includes(a):(o=e.disabledDates)!=null&&o.length?e.disabledDates.includes(a):!1:!1},x=()=>{c("update:modelValue","")},y=a=>{var u;const n=a.target,o=n.value;if(!o){c("update:modelValue","");return}if(k(o)){n.value=String((u=e.modelValue)!=null?u:"");return}c("update:modelValue",o)},c=s;return(a,n)=>(t.openBlock(),t.createElementBlock("div",{"data-testid":"datepicker",class:t.normalizeClass(["relative flex items-center gap-2 w-full h-12 bg-surface text-fg rounded border border-[var(--forms-color-border-default)] transition-all duration-200 az-text-input az-datepicker",r.value])},[t.createElementVNode("input",t.mergeProps({id:i.id,"data-testid":"datepicker-input",class:"bg-transparent border-0 outline-none grow text-base font-normal text-fg az-text-input__control az-datepicker__control",value:e.modelValue,type:"date",name:i.name,disabled:i.disabled,"aria-invalid":i.isInvalid,readonly:i.readonly,min:d.value,max:D.value},a.$attrs,{onInput:y}),null,16,m),n[1]||(n[1]=t.createElementVNode("span",{"data-testid":"datepicker-icon",class:"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 block w-4 h-4 az-datepicker__icon","aria-hidden":"true"},null,-1)),i.isClearable&&e.modelValue?(t.openBlock(),t.createElementBlock("div",p,[t.createElementVNode("button",{type:"button","data-testid":"datepicker-clear",class:"flex items-center justify-center bg-transparent border-0 p-0 cursor-pointer",onClick:x},[n[0]||(n[0]=t.createElementVNode("i",{"data-testid":"datepicker-clear-icon",class:"az az-ui-cross-circle-filled az-controls-options__icon","aria-hidden":"true"},null,-1)),t.createElementVNode("span",f,t.toDisplayString(i.clearLabel),1)])])):t.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-a16d36be"]]);l.AzDatepicker=b,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,UAAU,MAAM,aAAa,CAAA;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,
|
|
1
|
+
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,UAAU,MAAM,aAAa,CAAA;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAuLjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AAGA,OAAO,+BAA+B,
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AAGA,OAAO,+BAA+B,CAAA;;IAyXlC;;OAEG;QACC,MAAM;IACV;;OAEG;WACI,MAAM;IACb;;OAEG;iBACU,MAAM,GAAG,MAAM;IAC5B;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;WACI,GAAG,GAAG,GAAG;IAChB;;OAEG;eACQ,OAAO;IAClB;;OAEG;kBACW,OAAO;IACrB;;OAEG;iBACU,MAAM;IACnB;;OAEG;cACO,MAAM;IAChB;;OAEG;cACO,MAAM;IAChB;;;OAGG;mBACY,MAAM,EAAE;IACvB;;;OAGG;oBACa,MAAM,EAAE;;;;;;;IArDxB;;OAEG;QACC,MAAM;IACV;;OAEG;WACI,MAAM;IACb;;OAEG;iBACU,MAAM,GAAG,MAAM;IAC5B;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;WACI,GAAG,GAAG,GAAG;IAChB;;OAEG;eACQ,OAAO;IAClB;;OAEG;kBACW,OAAO;IACrB;;OAEG;iBACU,MAAM;IACnB;;OAEG;cACO,MAAM;IAChB;;OAEG;cACO,MAAM;IAChB;;;OAGG;mBACY,MAAM,EAAE;IACvB;;;OAGG;oBACa,MAAM,EAAE;;;;;;;UA9BjB,GAAG,GAAG,GAAG;gBAYH,MAAM;;AAzCvB,wBA8DG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */.az-text-input[data-v-
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */.az-text-input[data-v-a16d36be],.az-text-input__control[data-v-a16d36be]{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.az-text-input[data-v-a16d36be]:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid,#fff),0 0 0 .25rem var(--focus-color-outer,#000);outline-offset:.125rem;outline:.125rem solid #0000}.az-text-input[data-v-a16d36be]:hover:not(:focus-within){border-color:var(--forms-color-border-hover,#4d4d4d);box-shadow:0 0 0 .0625rem var(--forms-color-border-hover,#4d4d4d)}.az-text-input[data-v-a16d36be]:has(input:disabled){background-color:var(--color-background-disabled);cursor:not-allowed;box-shadow:none;color:var(--color-text-disabled);pointer-events:none;border-color:#0000}.az-text-input[data-v-a16d36be]:has(input[readonly]){border-color:var(--color-border-readonly,#ccc);pointer-events:none}.az-text-input.is-invalid[data-v-a16d36be]{border-color:var(--color-status-standalone-error,#ea302d);box-shadow:0 0 0 .0625rem var(--color-status-standalone-error,#ea302d)}.az-text-input.is-invalid[data-v-a16d36be]:hover:not(:focus-within){border-color:var(--color-status-standalone-error-hover,#c61112);box-shadow:0 0 0 .0625rem var(--color-status-standalone-error-hover,#c61112)}.az-text-input[data-v-a16d36be]:has(.az-datepicker__controls-options),.az-text-input:has(.az-datepicker__controls-options) .az-text-input__control[data-v-a16d36be]{padding-inline-end:0}.az-text-input--s[data-v-a16d36be]{height:2rem}.az-text-input--s .az-text-input__control[data-v-a16d36be]{padding:.375rem .6875rem;font-size:.875rem;line-height:1.3}.az-text-input__control[data-v-a16d36be]{padding:.75rem .6875rem;line-height:1.3}.az-text-input__control[data-v-a16d36be]::placeholder{color:var(--forms-color-placeholder,#666)}.az-datepicker__control[data-v-a16d36be]{background-position:right .75rem center;background-repeat:no-repeat;padding:0 .75rem}.az-datepicker__control[data-v-a16d36be]::-webkit-calendar-picker-indicator{opacity:0;padding-right:1rem;transform:scale(2)}.az-datepicker__icon[data-v-a16d36be]{background-color:var(--color-icon-primary,#000);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.az-datepicker__control[data-v-a16d36be]:disabled{background-color:var(--color-background-disabled);cursor:not-allowed;box-shadow:none;color:var(--color-text-disabled);border-color:#0000}.az-text-input:has(input:disabled) .az-datepicker__icon[data-v-a16d36be]{background-color:var(--color-icon-disabled,#737373)}.az-datepicker--s .az-datepicker__icon[data-v-a16d36be]{width:1.25rem;height:1.25rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") 50%/contain no-repeat}.az-controls-options__icon[data-v-a16d36be]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);color:var(--forms-color-icon-clear,#666)}.az-text-input[data-v-a16d36be] *{box-sizing:border-box}
|