Time Picker

Allows users to select a specific time, usually in hours and minutes, from a set of options.

React

Is new design vision part implemented using new tokens?

Update required

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { useState } from 'react';
                                                        import { TimePicker, TimeService } from '@optimus-web/core';
                                                        
                                                        const MyTimePickerComponent = () => {
                                                            const [value, setValue] = useState('');
                                                        
                                                            return (
                                                                <TimePicker
                                                                    name="time-picker"
                                                                    getTimeService={() => TimeService}
                                                                    onChange={setValue}
                                                                    value={value}
                                                                />
                                                            );
                                                        }