Improve input-date and input-date-range

[Magnus93]

Do something on Enter

• Pressing Enter should blur input-date/range
  • Blur date-range and close calendar on Enter #1062

Numeric keyboard on phone

• numeric keyboard on phone
  • Make input-date and input-date-range get numeric keyboard on phone #1072
  • numeric mobile keyboard on input-date and -date-range #1074

Using the input on a phone will open up the regular keyboard - not the number one.
This is because I'm using to keep the width of what is written.

This could be fixed in the future by using a both input, and span together.

• Input to set inputmode
• span to set appropriate width (since input can't fit content)

<span>{this.text}</span> /* hidden when !readonly  */
<input inputmode="number" /> /* only shown when readonly */

This could be made into a FunctionalComponent that could then also be used for the hh and mm for date-time.

smoothly-calendar month is uneffected by typed value

• smoothly-calendar jumps to typed month
  Would be nice if the month in smoothly-calendar changed when date is typed.
• Calendar for input-date and input-date-range jumps to month being typed #1069

start < end

• Enforce start before end in date-range
  When typing there is no enforcement that the first date is before the second date.
  Maybe a switch should happen when that is typed, so the first date is always the earliest.
  • Swap values in input-date-range if in wrong order #1073

Date Range emits on each hover

• Stop emitting on each hover

Screencast.from.2025-11-27.11_48_10.webm

Enforce min/max

• Enforce Prop min/max

smoothly-input-date-time

• Use smoothly-date-text in date-time (width similar inputs for hh:mm
  still uses the old tidily solution for date.