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