1. Options
    1. type
    2. lang
    3. orientation
    4. color
    5. zIndex
    6. position
    7. theme
    8. openOn
    9. closeAfterClick
    10. date
    11. weekBegin
    12. outputFormat
    13. topHeaderFormat
    14. headerFormat
    15. sitePickerFormat
    16. onLoad
    17. onOpen
    18. onNewDate
    19. outputElement
  2. Methods
    1. open()
    2. close()
    3. newDate()
    4. date()
    5. element()
    6. picker()

Material-Datepicker

Options

Default

Type

type: string
default: date
  • date
  • month

Lang

type: string
default: en

Orientation

type: string
default: landscape
  • landscape
  • portrait

Color

type: string
default: #80cbc4
  • Name - e.g. green
  • Hex - e.g. #62b22f
  • rgb - e.g. rgb(98, 178, 47)
  • rgba - e.g. rgb(98, 178, 47, 8)
  • hsl - e.g. hsl(97, 58%, 44%)

zIndex

type: number
default: 100

Position

type: string
default: absolute
  • fixed
  • relative

Theme

type: string
default: light
  • light
  • dark

openOn

type: string
default: click
  • events
  • "direct"

closeAfterClick

type: boolean
default: true

Date

type: Date Object
default: string inside outputElement or new Date()

weekBegin

type: string
default: sunday
  • sunday
  • monday

outputFormat

type: string
default [datepicker]: YYYY/MM/DD
default [monthpicker]: MMMM YYYY

topHeaderFormat

type: string
default: YYYY

headerFormat

type: string
default [datepicker]: ddd, MMM D
default [monthpicker]: MMMM

sitePickerFormat

type: string
default [datepicker]: MMMM YYYY
default [monthpicker]: YYYY

onLoad

type: function
default: none
parameter: date

onOpen

type: function
default: none
parameter: date

onNewDate

type: function
default: none
parameter: date

outputElement

type: string or Object
default: none

Methods

open()

Open the picker

close()

Close the picker

newDate()

Type: Date-object Close the picker