feat: DateTime desktop improvements

[heinzburgstaller]

Feature Request

Ionic version:

[x] 4.x

Describe the Feature Request

The Ionic DateTime picker component is not well suited for Desktop.

Describe Preferred Solution

On Desktop you have a finer degree of selection. Ionic should check if it runs in a desktop environment therefore displaying a better date input (with time). Make use of keyboard and scroll wheel.

Describe Alternatives

Related Code

Additional Context

[jase88]

possible duplicate: #15505

[heinzburgstaller]

@brandyscarney The date input component is still unusable in a desktop browser. Have a look at this approach https://www.npmjs.com/package/@codaline-io/ionic-datepicker

[jase88]

Another Stencil Datepicker component: https://github.com/duetds/date-picker

[puku0x]

Calendar picker has been merged! #23325

[santekotturi]

How can we use/test this?

[liamdebeasi]

Thanks for the issue! In Framework v6 we will be shipping a new calendar-style date picker that has desktop support. Be sure to check out https://ionic.io/ioniconf for more information on when you can start testing it.

[heinzburgstaller]

Thanks for the issue! In Framework v6 we will be shipping a new calendar-style date picker that has desktop support. Be sure to check out https://ionic.io/ioniconf for more information on when you can start testing it.

Is there a teaser screenshot or a screencast anywhere for a sneak preview?

[jase88]

On twitter there are some sneak previews:
https://twitter.com/benjsperry/status/1393250260827389959
https://twitter.com/benjsperry/status/1395815427121586185
https://twitter.com/LiamDeBeasi/status/1398323097133096964

[liamdebeasi]

(The iOS time picker in those demos will be updated for iOS 15 before Framework v6 ships)

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.