Back to Blueprint

Index

packages/datetime/src/index.md

latest1.1 KB
Original Source

@# Datetime

The @blueprintjs/datetime package provides React components for interacting with dates and times:

  • DatePicker for selecting a single date (day, month, year).

  • DateRangePicker for selecting date ranges.

  • DateInput, which composes a text input with a DatePicker in a Popover, for use in forms.

  • DateRangeInput, which composes two text inputs with a DateRangePicker in a Popover, for use in forms.

  • TimePicker for selecting a time (hour, minute, second, millisecond).

Make sure to review the getting started docs for installation info.

sh
npm install --save @blueprintjs/datetime

Import the package stylesheet in Sass:

scss
@import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";

...or in plain HTML:

html
<link href="path/to/node_modules/@blueprintjs/datetime/lib/css/blueprint-datetime.css" rel="stylesheet" />