MonthPicker

Examples
Default
Theme: seekAnz
Started
Theme: seekBusiness
Started
Theme: jobsDbRebrand
Started
Theme: jobsDb
Started
Theme: jobStreet
Started
Theme: jobStreetClassic
Started
Theme: wireframe
Started
Code:
<MonthPicker
  id="id"
  label="Started"
  value={{
    month: undefined,
    year: undefined
  }}
/>
Selected values
Theme: seekAnz
Started
Theme: seekBusiness
Started
Theme: jobsDbRebrand
Started
Theme: jobsDb
Started
Theme: jobStreet
Started
Theme: jobStreetClassic
Started
Theme: wireframe
Started
Code:
<MonthPicker
  id="id"
  label="Started"
  value={{
    month: 12,
    year: 2018
  }}
/>
Critical message
Theme: seekAnz
Started
This is a critical message.
Theme: seekBusiness
Started
This is a critical message.
Theme: jobsDbRebrand
Started
This is a critical message.
Theme: jobsDb
Started
This is a critical message.
Theme: jobStreet
Started
This is a critical message.
Theme: jobStreetClassic
Started
This is a critical message.
Theme: wireframe
Started
This is a critical message.
Code:
<MonthPicker
  id="id"
  label="Started"
  message="This is a critical message."
  tone="critical"
  value={{
    month: 1,
    year: 2019
  }}
/>

Required props

value
{
month?: number;
year?: number;
}
onChange
ChangeHandler
id
string

Optional props

onBlur
FocusHandler
onFocus
FocusHandler
minYear
number
maxYear
number
ascendingYears
boolean
tone
"critical" | "positive" | "neutral"
disabled
boolean
label
ReactNode
secondaryLabel
ReactNode
tertiaryLabel
ReactNode
description
ReactNode
message
ReactNode
reserveMessageSpace
boolean
required
boolean

Further References