Update date components

[AnnMarieW]

Closes #403

• add debounce=True to DatePicker
• add missing highlightToday prop
• handle clearable DateInput when debounce=True
• added test

Notes on adding debounce to the DatePicker

The input field in DatePicker behaves differently from DateInput in Mantine:

• In DateInput, users can type a date directly into the Input field (or select from a calendar). Pressing Enter will make the input lose focus, updating the value.
• In DatePicker users cannot type directly into the input field. Pressing Enter or clicking on the field opens the calendar, shifting the focus to it. The value is only updated by selecting dates from the calendar. The n_submit prop (counter for enter key pressed) has limited use here and is being kept only for legacy reasons (remove in a future major release?).
• onBlur Behavior:
  • In DateInput, the onBlur counter n_blur is useful for detecting when a user finishes typing or selecting a date.
  • In DatePicker, n_blur isn’t useful because the focus shifts from the input to the calendar triggering the counter. The n_blur counter doesn't indicate that the user has finished entering an input, so it is not included in this component.

[alexcjohnson]

Could add the nice with pytest.raises pattern you used in #407

[alexcjohnson]

💃

[Ferreira-B]

Great job on the update!
I may have encountered a possible bug.

I have a datePickerInput with type="range" and debouce=True.
This datePickerInput is acting as Input of a callback.

Now, the callback should be triggered as I click the second date on the datePickerInput (as this action also closes the date picker). The problem is that the callback is not triggered when the date picker closes, but only after I click anywhere on the page.

I don't know if this is the expected behaviour, but I thought I might report it.

[AnnMarieW]

Hi @Ferreira-B
Yes, this is expected behavior. With debounce=True, the callback is triggered when the input loses focus. With this component the input stays focused after the dropdown is closed.

For your use-case, you could try setting debounce=False. The callback will trigger twice, but you could check that the date value has both a start and end date.