Gmdl Pickers Entities
Date picker (landscape, dark)
- Preview
- Usage
- Definition

import { DatePickerLandscapeDark } from '@dinghy/diagrams/entitiesGmdlPickers'
<DatePickerLandscapeDark/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATE_PICKER_LANDSCAPE_DARK } from '@dinghy/diagrams/entitiesGmdlPickers'
<Shape
{...props}
_style={extendStyle(props, DATE_PICKER_LANDSCAPE_DARK)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#424242;strokeColor=none;shadow=1;aspect=fixed;',
},
_width: 512,
_height: 304,
}
Date picker (portrait, dark)
- Preview
- Usage
- Definition

import { DatePickerPortraitDark } from '@dinghy/diagrams/entitiesGmdlPickers'
<DatePickerPortraitDark/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATE_PICKER_PORTRAIT_DARK } from '@dinghy/diagrams/entitiesGmdlPickers'
<Shape
{...props}
_style={extendStyle(props, DATE_PICKER_PORTRAIT_DARK)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#424242;strokeColor=#eeeeee;shadow=1;',
},
_width: 328,
_height: 484,
}
Date picker (portrait)
- Preview
- Usage
- Definition

import { DatePickerPortrait } from '@dinghy/diagrams/entitiesGmdlPickers'
<DatePickerPortrait/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATE_PICKER_PORTRAIT } from '@dinghy/diagrams/entitiesGmdlPickers'
<Shape
{...props}
_style={extendStyle(props, DATE_PICKER_PORTRAIT)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;',
},
_width: 328,
_height: 484,
}
Time picker
- Preview
- Usage
- Definition

import { TimePicker } from '@dinghy/diagrams/entitiesGmdlPickers'
<TimePicker/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIME_PICKER } from '@dinghy/diagrams/entitiesGmdlPickers'
<Shape
{...props}
_style={extendStyle(props, TIME_PICKER)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;aspect=fixed;',
},
_width: 328,
_height: 484,
}
Year picker (dark)
- Preview
- Usage
- Definition

import { YearPickerDark } from '@dinghy/diagrams/entitiesGmdlPickers'
<YearPickerDark/>
// or
import { extendStyle } from "@dinghy/base-components";
import { YEAR_PICKER_DARK } from '@dinghy/diagrams/entitiesGmdlPickers'
<Shape
{...props}
_style={extendStyle(props, YEAR_PICKER_DARK)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#424242;strokeColor=none;shadow=1;',
},
_width: 328,
_height: 484,
}