https://github.com/codeyellowbv/daycy
Simple date (range) picker for React based on Semantic-UI.
https://github.com/codeyellowbv/daycy
Last synced: 3 months ago
JSON representation
Simple date (range) picker for React based on Semantic-UI.
- Host: GitHub
- URL: https://github.com/codeyellowbv/daycy
- Owner: CodeYellowBV
- License: mit
- Created: 2019-05-23T13:21:58.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-11-29T11:24:26.000Z (over 2 years ago)
- Last Synced: 2025-03-11T05:44:09.926Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 3.6 MB
- Stars: 1
- Watchers: 6
- Forks: 5
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# DayCY
[](https://www.npmjs.com/package/daycy/)
Simple date (range) picker for React based on Semantic-UI.
[**Demo / overview of all components**](https://CodeYellowBV.github.io/daycy/)
## 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
```
```jsx
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.
```jsx
import { configureTranslation } from 'daycy';
function myTranslationFunction(key) {
// Insert your logic here
}
configureTranslation(myTranslationFunction);
```