TimePicker optional default value conflicts with initial value implementation

[ivi-hamiti]

Environment Information

• Package version(s): 8.55.3
• Browser and OS versions: Edge 98.0.1108.56, Win 11

Describe the issue:

Per implementation the TimePicker initial value will default to either the provided defaultValue prop or it will automatically set to the current date time. This makes it impossible to provide a time input for an optional field as it will always be providing a value.

// Code from /packages/react/src/components/TimePicker/TimePicker.tsx
....
const optionsCount = getDropdownOptionsCount(increments, timeRange);

const initialValue = useConst(defaultValue || new Date());
const baseDate: Date = React.useMemo(() => generateBaseDate(increments, timeRange, initialValue), [
  increments,
  timeRange,
  initialValue,
]);
....

Actual behavior:

Even when no defaultValue set initial value is set to now

Expected behavior:

When no defaultValue provided the component should not have any value

Documentation describing expected behavior

Provide a solution by changing the api to support optional value for the input

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.