CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-04 14:01:27 +12:00
Code Issues Projects Releases Wiki Activity

Add listener to clear date pickers on certain keystrokes

Browse source
This commit is contained in:
Andrew Kingston 2021-02-03 11:10:47 +00:00
parent 181143935e
commit 6b6699c857
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/standard-components/src/forms/DateTimeField.svelte
View file

@ -26,12 +26,21 @@
fieldApi.setValue(dates[0]) fieldApi.setValue(dates[0])
} }
const clearDateOnBackspace = event => {
if (["Backspace", "Clear", "Delete"].includes(event.key)) {
fieldApi.setValue(null)
flatpickr.close()
}
}
const onOpen = () => { const onOpen = () => {
open = true open = true
document.addEventListener("keyup", clearDateOnBackspace)
} }
const onClose = () => { const onClose = () => {
open = false open = false
document.removeEventListener("keyup", clearDateOnBackspace)
// Manually blur all input fields since flatpickr creates a second // Manually blur all input fields since flatpickr creates a second
// duplicate input field. // duplicate input field.