daycy
v0.5.2
Published
Simple date (range) picker for React based on Semantic-UI.
Downloads
1,382
Maintainers
Readme
DayCY
Simple date (range) picker for React based on Semantic-UI.
Demo / overview of all components
Install
npm install daycy
Usage
First we will have to include the CSS. The easiest way to do this is to have your babel setup in such a way that you can import CSS. DayCY also needs the CSS from Semantic UI.
npm install semantic-ui-css
import 'semantic-ui-css/semantic.min.css';
import 'daycy/dist/daycy.css';
This has the added benefit of automatically keeping the CSS in sync with the version of the package you have installed.
Internationalization
By default the calendar popup will use English names for the months and days of the week. To override this you can change the translation function.
import { configureTranslation } from 'daycy';
function myTranslationFunction(key) {
// Insert your logic here
}
configureTranslation(myTranslationFunction);