Skip to content

Latest commit

 

History

History
69 lines (35 loc) · 2.13 KB

design-patterns-controls-TimePicker.md

File metadata and controls

69 lines (35 loc) · 2.13 KB

TimePicker

Basics

The TimePicker component enables a user to pick a time.

When to use

There are a set of date, time and duration pickers available in the SDK. Choose the one that is most suitable to your need.

  • DatePicker - gets a specific date including month, day and year
  • DateTimePicker - gets a specific date including month, day, year and time including hours, minutes, seconds
  • DateTimeRangePicker - gets a range of time between two date and times
  • DayPicker - gets a day of the month
  • DurationPicker - gets a duration in terms of days, hours, minutes and seconds
  • TimePicker - gets a time including hours, minutes, seconds

Best practices

Use the TimePicker when the user must select a time.

Do

  • Use the control as a single entity.
  • The control is designed to resize relative to available screen width. Allow it to render in either wide or narrow as appropriate.

Don't

  • Don't attempt to force resize the control in any way.

Developer tips and tricks

Interactive control and sample source code

Go to the playground site to use the latest control and get source code for your project. Learn more about playground.

Related info