date-picker
v0.0.4arrow_drop_downv0.0.4
v0.0.3
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
52
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
A month ago
subject
Renders a HTML Button element and a dropdown list into a parent container;
1 contributor
Like
Use date-picker in your project ?
Copied
npm i @bit/lekanmedia.shared-ui.date-picker
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.importimport Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
chevron_left
chevron_right
DatePicker (
props.addClass:
string,props.listClass:
string,props.text:
string,props.textStyle:
object,props.icon:
string,props.iconStyle:
object,props.dropdownStyle:
object,props.children:
JSX.Element,props.onSelect:
) : functionJSX.ElementRenders a HTML Button element and a dropdown list into a parent container;
Arguments
props.addClass:
stringAdd extra class styles to overwrite default class.
props.listClass:
stringAdd extra class styles to overwrite default class of the dropdown list.
props.text:
stringText for the button.
props.textStyle:
objectStyle Inline CSS styles for the button text.
props.icon:
stringGoogle Material Icon for the button.
props.iconStyle:
objectStyle Inline CSS styles for icon.
props.dropdownStyle:
objectStyle Inline CSS styles for the dropdown list.
props.children:
JSX.ElementHTML list elements such as <li></li>, <ol></ol>,
<option></option> rendered as dropdown list elements.
props.onSelect:
functiononSelect event fires after clicking on a date.
Returns
JSX.ElementA Calendar UI.