Components

Date Picker

A date picker enables users to select a single date or range of dates in order to filter data for a particular time period.

Single date picker

May 2021
June 2021
July 2021
import { SingleDatePicker } from '@sproutsocial/racine'

Properties

NameTypeDefaultDescriptionRequired?
date?moment$Moment
onDateChange(date: moment$Moment) => void
focusedboolean
onFocusChange({ focused: boolean }) => void

Date range picker

May 2021
June 2021
July 2021
August 2021
import { DateRangePicker } from '@sproutsocial/racine'

Properties

NameTypeDefaultDescriptionRequired?
startDate?moment$Moment
endDate?moment$Moment
onDatesChange({startDate: moment$Moment, endDate: moment$Moment}) => void
focusedInputEnumFocusedInput
onFocusChange(EnumFocusedInput) => void