DatePicker.Theme

This module defines the Theme type and a defaultTheme for a date picker component.

type alias Theme =

{ fontSize :

{ base : Float

, sm : Float

, xs : Float

, xxs : Float

}

, color :

{ text :

{ primary : Color

, secondary : Color

, disabled : Color

, error : Color

}

, primary :

{ main : Color

, contrastText : Color

, light : Color

}

, background :

{ container : Color

, footer : Color

, presets : Color

, input : Color

}

, action : { hover : Color }

, border : Color

}

, size :

{ presetsContainer : Float

, day : Float

, iconButton : Float

, inputElement : Float

}

, spacing : { base : Float }

, borderWidth : Float

, borderRadius :

{ base : Float

, lg : Float

}

, boxShadow :

{ offsetX : Float

, offsetY : Float

, blurRadius : Float

, spreadRadius : Float

, color : Color

}

, zIndex : Int

, transition : { duration : Float }

, classNamePrefix : String

}

The type facilitating the Theme with the most important design tokens

defaultTheme : Theme

The default theme that is included in the defaultSettings

mercurymedia/elm-datetime-picker/12.0.1

DatePicker.Theme

Modules