Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

tui-date-picker-react

100milliongold44MIT0.0.1-rebuild-3TypeScript support: included

React plugin for tui-date-picker

tui, component, calendardate-picker, date-range-picker, tui-date-picker, react

readme

TOAST UI React Component : Date Picker

Made with create-react-library for TOAST UI Component : Date Picker

NPM JavaScript Style Guide License: MIT

Install

npm install --save tui-date-picker-react

Usage

Date Picker

import React, { Component } from 'react'
import { TuiDateRangePicker } from 'tui-date-picker-react'

class Example extends Component {
  render() {
    return <TuiDatePicker
      date={new Date()}
      format='yyyy/MM/dd HH:mm'
      timePicker={{
        layoutType: 'tab',
        inputType: 'spinbox'
      }}
      onChange={e => console.log(e)}
      language="ko"
    />
  }
}

Date Range Picker

import React, { Component } from 'react'
import { TuiDateRangePicker } from 'tui-date-picker-react'

const App = () => {
  return (
    <TuiDateRangePicker
      onChange={([startDate, endDate]) =>
        console.log(startDate, endDate)}
      language='ko'
      format='yyyy/MM/dd HH:mm'
      timePicker={{
        layoutType: 'tab',
        inputType: 'spinbox'
      }}
    />
  )
}

License

MIT © 100milliongold