DateTimeControl throws exception when value is undefined, although undefined can be expected through props

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[ ] Enhancement

[ x] Bug

[ ] Question

Version

Please specify what version of the library you are using: [ 3.12.0 ]

If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.

Expected / Desired Behavior / Question

I am using a DateTimePicker

....

The Properties allow a value undefined, cause the type is defined as : Date | undefined

Observed Behavior

An exception occurs in Chrome:

TypeError: Cannot read properties of null (reading 'getTime')
at DateTimePicker._this.validate (DateTimePicker.js:150:1)
at invokeFunction (Async.js:310:1)....

Steps to Reproduce

1. Create a spfx webpart project
2. install latest version of spfx controls react
3. return an component, which just renders the DateTimePicker with value undefined.

Expected

The component should render the picker and should not have a value.

Submission Guidelines

Delete this section after reading

• All suggestions, questions and issues are welcome, please let us know what's on your mind.
• Remember to include sufficient details and context.
• If you have multiple suggestions, questions, or bugs please submit them in separate issues so we can track resolution.

Thanks!

Start by reproducing the DateTimePicker with value={undefined} in an SPFx webpart, then inspect the validate path identified in DateTimePicker.js around the reported getTime exception. Done means the picker renders without an exception and has no value when its value prop is undefined.