Skip to content

Instantly share code, notes, and snippets.

@eps1lon

eps1lon/GLOSSAR.md

Last active March 26, 2021 08:52
Show Gist options
  • Save eps1lon/97cbf619cffd30f12deece8d72b0c941 to your computer and use it in GitHub Desktop.
Save eps1lon/97cbf619cffd30f12deece8d72b0c941 to your computer and use it in GitHub Desktop.
Download ZIP
Material-UI Picker glossary
Raw
GLOSSAR.md

Component naming

public components

Pickers are named as <Wrapper><Type>Picker. When using the responsive wrapper we omit the wrapper type e.g. a ResponsiveTimePicker is named TimePicker. In other words: The responsive variant is the default variant people should use.

internal components

In internal components we do not omit the Responsive name.

Wrapper components are named <PickerComponent>Wrapper e.g. ResponsiveTimePickerWrapper

terminology

WARNING: Currently CalendarPicker is DayPicker and the day view is date

  • DatePicker: textbox + calendarpicker
  • TimePicker: textbox + clockpicker
  • DateTimePicker: textbox + (clockpicker + calendarpicker + switch for calendar vs clock)
  • CalendarPicker: selecting year+month+day
  • ClockPicker: selecting hour+minute+second
  • view: a part of calendar or clockpicker e.g. year
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment