Merge pull request #5797 from Budibase/fix/disabled-datepicker

Fix datepicker not working when toggling disabled state
This commit is contained in:
Martin McKeaveney 2022-05-12 18:56:18 +01:00 committed by GitHub
commit f586b8911b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>