feat(kit): add InputMultiDate

[splincode]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring
• Build or CI related changes
• Tests related changes
• Documentation content changes

What is the current behavior?

Closes #3624

What is the new behavior?

[lumberjack-bot]

Pull request was closed ✔️

All saved screenshots (for current PR) were deleted 🗑️

[bundlemon]

BundleMon

Files updated (2)

Status	Path	Size	Limits
✅	demo/browser/main.(hash).js	340.3KB (+1.6KB +0.47%)	+10%
✅	demo/browser/runtime.(hash).js	38.66KB (+61B +0.15%)	+10%

Unchanged files (4)

Status	Path	Size	Limits
✅	demo/browser/vendor.(hash).js	201.03KB	+10%
✅	demo/browser/polyfills.(hash).js	18.28KB	+10%
✅	demo/browser/scripts.(hash).js	17.9KB	+10%
✅	demo/browser/styles.(hash).css	1.67KB	+10%

Total files change +1.66KB +0.27%

Groups updated (1)

Status	Path	Size	Limits
✅	demo/browser/*..js	2.24MB (+5.96KB +0.26%)	-

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history

[github-actions]

Visit the preview URL for this PR (updated for commit 43a4cf0):

https://taiga-ui--pr5620-splincode-feat-issue-sanzbauw.web.app

_{(expires Tue, 31 Oct 2023 05:45:18 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 4b5ece1e114386f6a105425ef799091475b249eb}

[codecov]

Codecov Report

Merging #5620 (43a4cf0) into main (58b6fe6) will decrease coverage by 0.34%.
The diff coverage is 27.11%.

@@            Coverage Diff             @@
##             main    #5620      +/-   ##
==========================================
- Coverage   72.32%   71.99%   -0.34%     
==========================================
  Files        1451     1456       +5     
  Lines       15807    15919     +112     
  Branches     2224     2253      +29     
==========================================
+ Hits        11433    11461      +28     
- Misses       4013     4092      +79     
- Partials      361      366       +5     

Flag	Coverage Δ
addon-charts	71.10% <ø> (ø)
addon-doc	60.53% <ø> (ø)
addon-mobile	60.80% <16.66%> (-0.45%)	⬇️
addon-table	60.63% <ø> (ø)
addon-tablebars	90.90% <ø> (ø)
cdk	78.71% <ø> (ø)
core	77.95% <ø> (ø)
kit	70.11% <28.30%> (-0.78%)	⬇️
summary	71.99% <27.11%> (-0.34%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files	Coverage Δ
...alendar-dialog/mobile-calendar-dialog.component.ts	50.00% <ø> (ø)
projects/kit/components/index.ts	100.00% <100.00%> (ø)
projects/kit/components/input-date-multi/index.ts	100.00% <100.00%> (ø)
...onents/input-date-multi/input-date-multi.module.ts	100.00% <100.00%> (ø)
...ts/kit/components/input-tag/input-tag.component.ts	77.70% <100.00%> (ø)
projects/kit/utils/date/index.ts	100.00% <100.00%> (ø)
projects/kit/utils/index.ts	100.00% <100.00%> (ø)
projects/kit/utils/date/update.ts	33.33% <33.33%> (ø)
...nents/mobile-calendar/mobile-calendar.component.ts	44.28% <16.66%> (-2.69%)	⬇️
...nts/input-date-multi/input-date-multi.component.ts	13.95% <13.95%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[waterplea]

1. Let's rename it to InputDateMultiple so that all the date related controls start with InputDate.
2. I'm unable to type with keyboard.
3. Android native picker has a button "Clear". If it's possible, it would be great to use use it to clear all selected dates.
4. On demo let's fix width of the controls, it doesn't look that good when it changes as you select dates.

[vladimirpotekhin]

Native input date

1. There is no field for input from the keyboard, this is like select, so the dropdown should open by clicking on the entire area, and not just the calendar icon
2. Cleaner in ios safari is broken

RPReplay_Final16974539802.mov

Also, there are no native "input-date multiple". Selected value in data-picker in this case does not match the input value, it seems like a bug. Maybe we just drop the "native" variant? what do you think @splincode @waterplea @nsbarsukov ?

[waterplea]

Native input date

1. There is no field for input from the keyboard, this is like select, so the dropdown should open by clicking on the entire area, and not just the calendar icon
2. Cleaner in ios safari is broken

RPReplay_Final16974539802.mov

Also, there are no native "input-date multiple". Selected value in data-picker in this case does not match the input value, it seems like a bug. Maybe we just drop the "native" variant? what do you think @splincode @waterplea @nsbarsukov ?

Let's drop the native input for the first iteration and explore it in a separate issue, because there are also a11y concerns.

[splincode]

@waterplea @vladimirpotekhin hello, please review me