Replace NcDateTimePicker with NcDateTimePickerNative

[JuliaKirschenheuter]

Replace NcDateTimePicker with NcDateTimePickerNative

Fixes nextcloud/server#40699

• Create accessible labels for input fields
• Fix other a11y issues (like closing a dropdown via Esc) via replacing components to NcDateTimePickerNative

Fixes nextcloud/server#40696

• Add aria-label to "Delete slot"
• Add aria-label to "Add slot"

🖼️ Screenshots

Before	After

[Pytal]

Other than translations

[ShGKme]

This library doesn't have any built-in l10n support at all.

It supposes a user to pass all localized strings as props (like l10nMonday).

Simple solution

Add new props aka l10nStartPickerLabel and pass translated strings from the server/calendar where the component is used. And the value should be not a translation, but a function. Aka

(dayName) => t('dav', 'Pick a start time for {dayName}', { dayName })

And then it can be used as

:label="l10nStartPickerLabel(day.displayName)"

Complex solution

Set up l10n for the library. Example: https://github.com/nextcloud-libraries/nextcloud-password-confirmation

Alternative solution

Move this component to the nextcloud/vue. To be honest, I don't see why it should be an individual package and repository.

[st3iny]

Tested and works. Thanks :)