@codaline-io/ionic-datepicker
Advanced tools
@codaline-io/ionic-datepicker - npm Package Compare versions
Comparing version 0.0.12 to 0.0.13
@@ -62,3 +62,3 @@ 'use strict'; | ||
| /** | ||
| * Change popover options, PopoverOptions | {} | ||
| * Change ionic popover options, PopoverOptions | {} | ||
| * Default: {} | ||
@@ -65,0 +65,0 @@ */ |
@@ -52,3 +52,3 @@ import { Component, Prop, h, Host, Event, State } from '@stencil/core'; | ||
| /** | ||
| * Change popover options, PopoverOptions | {} | ||
| * Change ionic popover options, PopoverOptions | {} | ||
| * Default: {} | ||
@@ -321,3 +321,3 @@ */ | ||
| "tags": [], | ||
| "text": "Change popover options, PopoverOptions |\u00A0{}\nDefault: {}" | ||
| "text": "Change ionic popover options, PopoverOptions |\u00A0{}\nDefault: {}" | ||
| }, | ||
@@ -324,0 +324,0 @@ "defaultValue": "{}" |
@@ -58,3 +58,3 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-f3e464ac.js'; | ||
| /** | ||
| * Change popover options, PopoverOptions | {} | ||
| * Change ionic popover options, PopoverOptions | {} | ||
| * Default: {} | ||
@@ -61,0 +61,0 @@ */ |
@@ -58,3 +58,3 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-f3e464ac.js'; | ||
| /** | ||
| * Change popover options, PopoverOptions | {} | ||
| * Change ionic popover options, PopoverOptions | {} | ||
| * Default: {} | ||
@@ -61,0 +61,0 @@ */ |
@@ -52,3 +52,3 @@ /* eslint-disable */ | ||
| /** | ||
| * Change popover options, PopoverOptions | {} Default: {} | ||
| * Change ionic popover options, PopoverOptions | {} Default: {} | ||
| */ | ||
@@ -149,3 +149,3 @@ "popoverOptions": PopoverOptions | {}; | ||
| /** | ||
| * Change popover options, PopoverOptions | {} Default: {} | ||
| * Change ionic popover options, PopoverOptions | {} Default: {} | ||
| */ | ||
@@ -152,0 +152,0 @@ "popoverOptions"?: PopoverOptions | {}; |
@@ -55,3 +55,3 @@ import { PopoverOptions } from '@ionic/core'; | ||
| /** | ||
| * Change popover options, PopoverOptions | {} | ||
| * Change ionic popover options, PopoverOptions | {} | ||
| * Default: {} | ||
@@ -58,0 +58,0 @@ */ |
| { | ||
| "name": "@codaline-io/ionic-datepicker", | ||
| "version": "0.0.12", | ||
| "version": "0.0.13", | ||
| "description": "A datepicker component for ionic", | ||
@@ -22,3 +22,5 @@ "main": "dist/index.js", | ||
| "test.watch": "stencil test --spec --e2e --watchAll", | ||
| "generate": "stencil generate" | ||
| "generate": "stencil generate", | ||
| "prepublishOnly": "npm run build", | ||
| "build:deploy": "npm run build && cp ./src/index.html ./dist && gh-pages -d ./dist" | ||
| }, | ||
@@ -29,2 +31,3 @@ "devDependencies": { | ||
| "@stencil/core": "^1.11.0", | ||
| "gh-pages": "^2.2.0", | ||
| "js-datepicker": "^5.4.0", | ||
@@ -31,0 +34,0 @@ "luxon": "^1.22.0" |
@@ -5,16 +5,21 @@  | ||
| 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. | ||
| This is a datepicker component for ionic projects. It is using [js-datepicker](https://www.npmjs.com/package/js-datepicker) in an [ion-popover](https://ionicframework.com/docs/api/popover) and the possibility to use a native date input on mobile devices. | ||
| ## Using this component | ||
| ## [Live Demo & Preview](https://codaline-io.github.io/ionic-datepicker) | ||
| - 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` | ||
| <img width="350" alt="Bildschirmfoto 2020-03-22 um 09 11 16" src="https://user-images.githubusercontent.com/2264672/77245288-c0a34b80-6c1d-11ea-8d12-0fb7a011809b.png"> | ||
| <img width="350" alt="Bildschirmfoto 2020-03-22 um 09 11 25" src="https://user-images.githubusercontent.com/2264672/77245292-c4cf6900-6c1d-11ea-92cf-0024652a7ee5.png"> | ||
| <img width="350" alt="Bildschirmfoto 2020-03-22 um 09 11 51" src="https://user-images.githubusercontent.com/2264672/77245343-34455880-6c1e-11ea-86cd-9d854452d101.png"> | ||
| ## Setup | ||
| ### Requirements | ||
| - Install [`js-datepicker`](https://www.npmjs.com/package/js-datepicker) and [`luxon`](https://www.npmjs.com/package/luxon) | ||
| - Make them globally available (on `window`) load `js-datepicker` css (in an angular project, just add them to your `angular.json` as scripts and styles) | ||
| - Keep in mind that it is only usable in an ionic project | ||
| ### Script tag | ||
| - [Publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages) | ||
| - 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 | ||
| - Put a script tag similar to this `<script src='https://unpkg.com/@codaline-io/ionic-datepicker@VERSION/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 | ||
@@ -31,1 +36,19 @@ | ||
| - Then you can use the element anywhere in your template, JSX, html etc | ||
| ### In other frameworks | ||
| - Check stenciljs [framework integration documentation](https://stenciljs.com/docs/overview) | ||
| ## Usage | ||
| - After the setup use `ionic-datepicker` as tag in your ionic pwa | ||
| ### Configuration | ||
| - For configration check the [component readme](https://github.com/codaline-io/ionic-datepicker/blob/master/src/components/ionic-datepicker/readme.md) | ||
| ### Styling | ||
| - Styling/theming is done with css-variables. | ||
| - All css variables can be found in the [variables.css](https://github.com/codaline-io/ionic-datepicker/blob/master/src/components/variables.css) | ||
| - All color/background variables are using ionic css variables per default |
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.2%
765446
- Number of lines in readme file
- increased by76.67%
53
- Number of medium supply chain risk alerts
- decreased by-9.09%
10
Worsened metrics
- Dev dependency count
- increased by20%
6