Date picker disappears when adjusting share expiration date with arrow keys

[kristian-zendato]

⚠️ This issue respects the following points: ⚠️

• This is not a troubleshooting question, general support matter, or webserver/proxy problem, but likely a bug (if unsure, ask the Community Help Forum).
• This issue is not already reported on Github OR solved at the Community Help Forum (I've searched!).
• I'm using a maintained major version of Nextcloud Server and tested against the latest patch level. (Supported major versions and current patch levels).
• I agree to follow Nextcloud's Code of Conduct.
• I've tried my best to provide clear reproduction steps that someone unfamiliar with this bug could use to reproduce it.

Bug description

When setting a share expiration date via the "File Request" feature, using the keyboard arrow keys to move the date backward to a past date causes the expiration date input text box to disappear.

I suspect that the input value becomes NULL in this process, which then forces the default expiration date to be applied.

This issue is not limited to the File Request screen — it also reproduces when setting an expiration date for a share to an email address via the Share panel (details panel).

Steps to reproduce

1. Open File Request Dialog
2. On second screen, modify expiration date(day, year) using arrow key
3. Pressing down arrow key on day 1 or pressing up key on last day makes the date picker disappear
4. Pressing down array key on year makes the date picker disappear

Expected behavior

Should update the date properly

Nextcloud Server version

36 (master)

Operating system

None

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

List of activated Apps

Nextcloud Signing status

Nextcloud Logs

Additional info

No response

[joshtrichards]

This is NcDateTimePickerNative so I think this is going to have to be dealt with at the library level rather than here in server. NcDateTimePickerNative sets its model to null whenever the native date input’s valueAsNumber is NaN:

https://github.com/nextcloud-libraries/nextcloud-vue/blob/ed5f304398c8baece1c47c61871503984279904c/src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue#L221-L239

Also might be some browser-specific nuances...