react-widgets-dates
v0.0.8
Published
A date-fns localizer for react-widgets
Downloads
12
Readme
react-widgets-dates 0.0.5
A date-fns localizer for react-widgets
index.js
dateFnsLocalizer(formats)
Configures localization of react-widgets by calling configure.setDateLocalizer
Parameters
| Name | Type | Description | |
| ---- | ---- | ----------- | -------- |
| formats | Object
| Confguration options. | |
| formats.default | string
Object
function
| the default date display format, generally a "long" format showing both date and time | |
| formats.date | string
Object
function
| A date only format | |
| formats.time | string
Object
function
| A time only format | |
| formats.header | string
Object
function
| The heading of the Calendar month view, contextualizes the current month, e.g. "Jan 2014" | |
| formats.footer | string
Object
function
| The Calendar footer format, for displaying Today's date | |
| formats.dayOfMonth | string
Object
function
| The day of the month | |
| formats.month | string
Object
function
| Month name, used in the Year view of the Calendar | |
| formats.year | string
Object
function
| year format, used in the Decade view of the Calendar | |
| formats.decade | string
Object
function
| a decade format, used in the Century view of the Calendar, eg. "2010 - 2019" | |
| formats.century | string
Object
function
| A century format, used the in the Calendar heading | |
| locales | Object
| Supported date-fns locales to include in the bundle | |
Examples
import dateFnsLocalizer, { defaultFormats } from 'react-widgets-dates'
dateFnsLocalizer()
// => Works out of the box with default formats (defaultFormats) and the `en-US` locale
const newFormats = Object.assign(defaultFormats, { default: 'mmm YY' })
dateFnsLocalizer({ formats: newFormats })
// => Uses new configuration
import locales from 'date-fns/locale'
dateFnsLocalizer({ formats: newFormats, locales })
// => Includes all available locales
import enGB from 'date-fns/locale/en-GB'
import de from 'date-fns/locale/de'
dateFnsLocalizer({ locales: { 'en-GB': enGB, 'de': de } })
// => Include only the locales you need to limit the bundled size
Returns
Void
Documentation generated with doxdox.