Hi Jake Balders,
Thank you for reaching out to us.
We have reviewed your requirement and would like to confirm
that it is possible to automatically open the time picker popup after selecting
a value from the date picker popup in the DateTimePickerComponent.
To achieve this, you can use the change event of the
component and invoke the show('time') method after a short delay. This ensures
that the time popup opens after the date popup has closed.
Please refer to the sample code below for your reference:
|
const Default = () => {
const dateTimeRef = useRef(null);
const handleChange = () => {
setTimeout(() => {
dateTimeRef.current.show('time');
}, 150); // Wait for calendar popup to close
};
return (
<div className="control-pane">
<div className="control-section">
<div className="datetimepicker-control-section">
<DateTimePickerComponent ref={dateTimeRef} change={handleChange} />
</div>
</div>
</div>
);
};
|
You can also check out this live sample for more details:
Sample: https://stackblitz.com/edit/react-6wvh7nip-pvqkhd2q?file=index.js
Regards,
Yohapuja S
