History

gopienkonikita 0e960bfa76 Web: Components: Added new property to calendar, updated README.md, added styles, functions, new propTypes, default values		2019-08-20 11:52:44 +03:00
..
index.stories.js	Web: Components: Added new property to calendar, updated README.md, added styles, functions, new propTypes, default values	2019-08-20 11:52:44 +03:00
README.md	Web: Components: Added new property to calendar, updated README.md, added styles, functions, new propTypes, default values	2019-08-20 11:52:44 +03:00

README.md

DateInput

Description

Custom date input

Usage

import { Calendar } from 'asc-web-components';

<Calendar
    onChange={date => {
        console.log(date);
    }}
    disabled={false}
    themeColor='#ED7309'
    selectedDate={new Date()}
    openToDate={new Date()}
    minDate={new Date("2018/02/01")}
    maxDate={new Date("2019/09/01")}
    language='en'
    size = 'big'
/>

Properties

http://projects.wojtekmaj.pl/react-calendar/

Props	Type	Required	Values	Default	Description
`onChange`	`func`	-	-	-	Function called when the user select a day
`disabled`	`bool`	-	-	-	Disabled react-calendar
`themeColor`	`string`	-	-	`#ED7309`	Color of the selected day
`selectedDate`	`date`	-	-	(today)	Selected date value
`openToDate`	`date`	-	-	(today)	The beginning of a period that shall be displayed by default
`minDate`	`date`	-	-	`new Date("1970/01/01")`	Minimum date that the user can select.
`maxDate`	`date`	-	-	`new Date("3000/01/01")`	Maximum date that the user can select.
`language`	`string`	-	-	User's browser settings	Indicates the input field has an error
`size`	`oneOf`	-	`base, big`	`base`	Selected calendar size