[@mantine/dates] TimeInput: not possible to set empty value

What package has an issue

@mantine/dates

Describe the bug

When setting the value prop of <TimeInput /> to undefined (eg. <TimeInput value={undefined} />, the time value is still displayed (it uses the current timestamp by default).

My use-case: I have <TimeInput /> as a form input. The default value is undefined as I want the user to fill it in. However, the user always sees a timestamp so they don’t fill in the field assuming the current timestamp is being used. Under the hood however, the value is still undefined.

In which browser did the problem occur

Chrome

If possible, please include a link to a codesandbox with the reproduced problem

https://codesandbox.io/s/competent-sammet-t6mje?file=/src/App.tsx

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

No response

[rtivital]

Alright, so what we can do about it:

• Allow input to be empty initially
• Add clearableprop, that will show clear button
• When value is filled, it can be cleared only with clear button

@jerebtw you can work on it, you can do it in the same PR as your format on time input to avoid conflicts

[rtivital]

Added in 3.6.0