Browse Source

Add listener to clear date pickers on certain keystrokes

pull/4023/head
Andrew Kingston 6 years ago
parent
commit
ea2f5ebbf9
  1. 9
      packages/standard-components/src/forms/DateTimeField.svelte

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

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

Loading…
Cancel
Save