Sha256: b36284971142971807941b7d84280ca0f6341d27740b7b2bb5edff5a7a7f03fe
Contents?: true
Size: 1.64 KB
Versions: 1878
Compression:
Stored size: 1.64 KB
Contents
import React from 'react'
import Flex from '../../pb_flex/_flex'
import FlexItem from '../../pb_flex/_flex_item'
import DatePicker from '../_date_picker'
const DatePickerPositions = (props) => (
<React.Fragment>
<Flex>
<FlexItem fixedSize="50%">
<DatePicker
label="Datepicker (opens on the right)"
pickerId="date-picker-positions1"
position="auto right"
scrollContainer=".pb--page--content--main"
staticPosition={false}
{...props}
/>
</FlexItem>
</Flex>
<Flex>
<FlexItem fixedSize="50%">
<DatePicker
label="Datepicker (opens on the left)"
pickerId="date-picker-positions2"
position="auto left"
scrollContainer=".pb--page--content--main"
staticPosition={false}
{...props}
/>
</FlexItem>
</Flex>
<Flex>
<FlexItem fixedSize="50%">
<DatePicker
label="Datepicker (opens above on the left)"
pickerId="date-picker-positions3"
position="above left"
scrollContainer=".pb--page--content--main"
staticPosition={false}
{...props}
/>
</FlexItem>
</Flex>
<Flex>
<FlexItem fixedSize="50%">
<DatePicker
label="Datepicker (opens below on the right)"
pickerId="date-picker-positions4"
position="below right"
scrollContainer=".pb--page--content--main"
staticPosition={false}
{...props}
/>
</FlexItem>
</Flex>
</React.Fragment>
)
export default DatePickerPositions
Version data entries
1,878 entries across 1,878 versions & 2 rubygems