https://github.com/u12206050/directus-9-date-picker-interface

An alternative Date Picker Interface to the original Directus DateTime interface
https://github.com/u12206050/directus-9-date-picker-interface

Last synced: about 2 months ago
JSON representation

An alternative Date Picker Interface to the original Directus DateTime interface

• Host: GitHub
• URL: https://github.com/u12206050/directus-9-date-picker-interface
• Owner: u12206050
• License: mit
• Created: 2021-11-11T08:04:29.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-09T14:54:40.000Z (about 3 years ago)
• Last Synced: 2024-04-25T11:03:16.233Z (9 months ago)
• Language: CSS
• Size: 340 KB
• Stars: 14
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-directus - Date Picker Interface - An alternative Date Picker Interface to the original Directus DateTime interface. (Extensions / Community)

README

        
# Date Picker Interface - for Directus 9

Based on the awesome [Flatpickr](https://flatpickr.js.org/) library.

![](screenshots/dev-example.png)

### Configuration

Supports min and max field dates so you can have a `from` and `to` setup.

### Install

 - Install package: `npm install directus-date-picker-interface -S`

 - Create folder: `mkdir extensions/interfaces/date-picker`

 - Create file: `echo "export * as default from 'directus-date-picker-interface'" >> extensions/interfaces/date-picker/index.js`

```javascript

// extensions/interfaces/date-picker/index.js

export * as default from 'directus-date-picker-interface'

```

### Develop

All files in `src/DevComps` are purely for development purposes,

and are not included in the final build

 - `npm install`

 - `npm start`

### Deploy

 - `npm run build`

 - `cp dist PATH_TO_DIRECTUS_PROJECT/extensions/interfaces/date-picker`

### Todo

 - [ ] Implement [Localizations](https://flatpickr.js.org/localization/)