@codaline-io/ionic-datepicker

ionic-datepicker

This is a datepicker component for ionic projects. It is using js-datepicker in an ion-popover on desktop environments and the native date input on mobile devices.

Using this component

• install js-datepicker and luxon
• make them globally available (on window) load js-datepicker css
• keep in mind that it is only usable in an ionic project
• use ionic-datepicker as tag on your ionic pwa
• for configration check the src/components/ionic-datepicker/readme

Script tag

• Publish to NPM
• Put a script tag similar to this <script src='https://unpkg.com/@codaline-io/ionic-datepicker@0.0.3/dist/ionic-datepicker.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install @codaline-io/ionic-datepicker --save
• Put a script tag similar to this <script src='node_modules/@codaline-io/ionic-datepicker/dist/ionic-datepicker.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install @codaline-io/ionic-datepicker --save
• Add an import to the npm packages import @codaline-io/ionic-datepicker;
• Then you can use the element anywhere in your template, JSX, html etc