Fix datepicker not working when toggling disabled state

This commit is contained in:
Andrew Kingston 2022-05-10 11:25:48 +01:00
parent cf78ccd6b5
commit 8467e6109a
1 changed files with 5 additions and 2 deletions

View File

@ -156,8 +156,8 @@
<input
data-input
type="text"
{disabled}
class="spectrum-Textfield-input spectrum-InputGroup-input"
class:is-disabled={disabled}
{placeholder}
{id}
{value}
@ -167,7 +167,7 @@
type="button"
class="spectrum-Picker spectrum-Picker--sizeM spectrum-InputGroup-button"
tabindex="-1"
{disabled}
class:is-disabled={disabled}
class:is-invalid={!!error}
on:click={flatpickr?.open}
>
@ -212,4 +212,7 @@
:global(.flatpickr-calendar) {
font-family: "Source Sans Pro", sans-serif;
}
.is-disabled {
pointer-events: none !important;
}
</style>