@codaline-io/ionic-datepicker - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

dist/cjs/ionic-datepicker-popover.cjs.entry.js

@@ -5,9 +5,7 @@ 'use strict';
 
-const index = require('./index-e7282193.js');
+const index = require('./index-443f8ea5.js');
 const utils = require('./utils-2172fc46.js');
 
-const variablesCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}";
+const ionicDatepickerPopoverCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}ion-popover.datepicker-popover,ion-popover.sc-ion-popover-md-h.datepicker-popover{--width:var(--popover-width);--max-width:var(--popover-width);--min-width:var(--popover-width)}ionic-datepicker-popover .qs-datepicker-container{border:0;border-radius:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;position:relative}ionic-datepicker-popover .qs-datepicker .qs-controls{background-color:var(--controls-background);padding:var(--controls-padding)}ionic-datepicker-popover .qs-datepicker .qs-squares{-ms-flex-pack:center;justify-content:center;padding:var(--squares-padding)}ionic-datepicker-popover .qs-datepicker .qs-square{border-radius:var(--square-border-radius);height:var(--square-dimension);width:var(--square-dimension)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-day{font-weight:var(--square-font-weight)}ionic-datepicker-popover .qs-datepicker .qs-square .qs-num{color:var(--text-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active{background-color:var(--square-active-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active .qs-num,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active .qs-num{color:var(--square-active-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current{background-color:var(--square-current-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current .qs-num{color:var(--square-current-color);text-decoration:none}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--square-hover-background)}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover .qs-num{color:var(--square-hover-color)}ionic-datepicker-popover .qs-datepicker .qs-overlay{background:var(--overlay-background)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-submit{display:none}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-close{color:var(--overlay-text-color);font-size:var(--font-size-base);padding:var(--base-spacing)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-month{color:var(--overlay-text-color);cursor:pointer;font-size:var(--font-size-base);opacity:1}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-year{color:var(--overlay-text-color);border-bottom:.5px solid var(--overlay-text-color);font-size:var(--font-size-base);padding:calc(var(--base-spacing-small) * .5) 0;width:120px}";
 
-const ionicDatepickerPopoverCss = variablesCss + "ion-popover.datepicker-popover,ion-popover.sc-ion-popover-md-h.datepicker-popover{--width:var(--popover-width);--max-width:var(--popover-width);--min-width:var(--popover-width)}ionic-datepicker-popover .qs-datepicker-container{border:0;border-radius:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;position:relative}ionic-datepicker-popover .qs-datepicker .qs-controls{background-color:var(--controls-background);padding:var(--controls-padding)}ionic-datepicker-popover .qs-datepicker .qs-squares{-ms-flex-pack:center;justify-content:center;padding:var(--squares-padding)}ionic-datepicker-popover .qs-datepicker .qs-square{border-radius:var(--square-border-radius);height:var(--square-dimension);width:var(--square-dimension)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-day{font-weight:var(--square-font-weight)}ionic-datepicker-popover .qs-datepicker .qs-square .qs-num{color:var(--text-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active{background-color:var(--square-active-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active .qs-num,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active .qs-num{color:var(--square-active-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current{background-color:var(--square-current-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current .qs-num{color:var(--square-current-color);text-decoration:none}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--square-hover-background)}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover .qs-num{color:var(--square-hover-color)}ionic-datepicker-popover .qs-datepicker .qs-overlay{background:var(--overlay-background)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-submit{display:none}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-close{color:var(--overlay-text-color);font-size:var(--font-size-base);padding:var(--base-spacing)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-month{color:var(--overlay-text-color);cursor:pointer;font-size:var(--font-size-base);opacity:1}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-year{color:var(--overlay-text-color);border-bottom:.5px solid var(--overlay-text-color);font-size:var(--font-size-base);padding:calc(var(--base-spacing-small) * .5) 0;width:120px}";
-
 const IonicDatepickerPopover = class {
@@ -14,0 +12,0 @@ constructor(hostRef) {

dist/cjs/ionic-datepicker.cjs.entry.js

@@ -5,9 +5,7 @@ 'use strict';
 
-const index = require('./index-e7282193.js');
+const index = require('./index-443f8ea5.js');
 const utils = require('./utils-2172fc46.js');
 
-const variablesCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}";
+const ionicDatepickerCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}:host{position:relative}span,button.hidden-button{padding-right:var(--base-spacing-small)}span.placeholder{color:var(--placeholder-color)}span.ionic-datepicker-error{color:var(--error-color)}button.hidden-button{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background:transparent;border:0;outline:none}button.hidden-button:active,button.hidden-button:focus,button.hidden-button::-moz-focus-inner{border:0;outline:none}span.disabled,button.hidden-button.disabled{cursor:not-allowed;background:transparent;opacity:.3}";
 
-const ionicDatepickerCss = variablesCss + ":host{position:relative}span,button.hidden-button{padding-right:var(--base-spacing-small)}span.placeholder{color:var(--placeholder-color)}span.ionic-datepicker-error{color:var(--error-color)}button.hidden-button{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background:transparent;border:0;outline:none}button.hidden-button:active,button.hidden-button:focus,button.hidden-button::-moz-focus-inner{border:0;outline:none}span.disabled,button.hidden-button.disabled{cursor:not-allowed;background:transparent;opacity:.3}";
-
 const isDesktop = () => !(window.matchMedia('(any-pointer:coarse)').matches);
@@ -127,10 +125,11 @@ const IonicDatepicker = class {
     }
-    updateDateState(_prev, next) {
+    updateDateState(next) {
         if (this.date !== next) {
-            this.date = next;
             if (this.required) {
                 if (!next || !next.trim()) {
                     this.date = new Date().toISOString();
+                    return;
                 }
             }
+            this.date = next;
         }
@@ -137,0 +136,0 @@ }

dist/cjs/ionic-datepicker.cjs.js

 'use strict';
 
-const index = require('./index-e7282193.js');
+const index = require('./index-443f8ea5.js');
 
@@ -5,0 +5,0 @@ index.patchBrowser().then(options => {

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-e7282193.js');
+const index = require('./index-443f8ea5.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => index.patchEsm().then(() => {

dist/collection/collection-manifest.json

@@ -8,3 +8,3 @@ {
     "name": "@stencil/core",
-    "version": "1.11.3",
+    "version": "1.12.0",
     "typescriptVersion": "3.8.3"
@@ -11,0 +11,0 @@ },

dist/collection/components/ionic-datepicker/ionic-datepicker.js

@@ -113,10 +113,11 @@ import { Component, Prop, h, Host, Event, State, Method, Watch } from '@stencil/core';
     }
-    updateDateState(_prev, next) {
+    updateDateState(next) {
         if (this.date !== next) {
-            this.date = next;
             if (this.required) {
                 if (!next || !next.trim()) {
                     this.date = new Date().toISOString();
+                    return;
                 }
             }
+            this.date = next;
         }
@@ -123,0 +124,0 @@ }

dist/esm-es5/ionic-datepicker-popover.entry.js

@@ -1,5 +0,4 @@
-import { r as registerInstance, h } from './index-5b81d7b4.js';
+import { r as registerInstance, h } from './index-7363d6dd.js';
 import { D as DEFAULT_MAX, a as DEFAULT_MIN, d as DAY_SHORT_NAMES, M as MONTH_NAMES, b as MONTH_SHORT_NAMES, t as toISODate, e as DEFAULT_OKAY_LABEL, g as DEFAULT_YEAR_LABEL } from './utils-f44cc100.js';
-var variablesCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}";
-var ionicDatepickerPopoverCss = variablesCss + "ion-popover.datepicker-popover,ion-popover.sc-ion-popover-md-h.datepicker-popover{--width:var(--popover-width);--max-width:var(--popover-width);--min-width:var(--popover-width)}ionic-datepicker-popover .qs-datepicker-container{border:0;border-radius:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;position:relative}ionic-datepicker-popover .qs-datepicker .qs-controls{background-color:var(--controls-background);padding:var(--controls-padding)}ionic-datepicker-popover .qs-datepicker .qs-squares{-ms-flex-pack:center;justify-content:center;padding:var(--squares-padding)}ionic-datepicker-popover .qs-datepicker .qs-square{border-radius:var(--square-border-radius);height:var(--square-dimension);width:var(--square-dimension)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-day{font-weight:var(--square-font-weight)}ionic-datepicker-popover .qs-datepicker .qs-square .qs-num{color:var(--text-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active{background-color:var(--square-active-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active .qs-num,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active .qs-num{color:var(--square-active-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current{background-color:var(--square-current-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current .qs-num{color:var(--square-current-color);text-decoration:none}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--square-hover-background)}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover .qs-num{color:var(--square-hover-color)}ionic-datepicker-popover .qs-datepicker .qs-overlay{background:var(--overlay-background)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-submit{display:none}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-close{color:var(--overlay-text-color);font-size:var(--font-size-base);padding:var(--base-spacing)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-month{color:var(--overlay-text-color);cursor:pointer;font-size:var(--font-size-base);opacity:1}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-year{color:var(--overlay-text-color);border-bottom:.5px solid var(--overlay-text-color);font-size:var(--font-size-base);padding:calc(var(--base-spacing-small) * .5) 0;width:120px}";
+var ionicDatepickerPopoverCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}ion-popover.datepicker-popover,ion-popover.sc-ion-popover-md-h.datepicker-popover{--width:var(--popover-width);--max-width:var(--popover-width);--min-width:var(--popover-width)}ionic-datepicker-popover .qs-datepicker-container{border:0;border-radius:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;position:relative}ionic-datepicker-popover .qs-datepicker .qs-controls{background-color:var(--controls-background);padding:var(--controls-padding)}ionic-datepicker-popover .qs-datepicker .qs-squares{-ms-flex-pack:center;justify-content:center;padding:var(--squares-padding)}ionic-datepicker-popover .qs-datepicker .qs-square{border-radius:var(--square-border-radius);height:var(--square-dimension);width:var(--square-dimension)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-day{font-weight:var(--square-font-weight)}ionic-datepicker-popover .qs-datepicker .qs-square .qs-num{color:var(--text-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active{background-color:var(--square-active-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active .qs-num,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active .qs-num{color:var(--square-active-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current{background-color:var(--square-current-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current .qs-num{color:var(--square-current-color);text-decoration:none}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--square-hover-background)}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover .qs-num{color:var(--square-hover-color)}ionic-datepicker-popover .qs-datepicker .qs-overlay{background:var(--overlay-background)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-submit{display:none}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-close{color:var(--overlay-text-color);font-size:var(--font-size-base);padding:var(--base-spacing)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-month{color:var(--overlay-text-color);cursor:pointer;font-size:var(--font-size-base);opacity:1}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-year{color:var(--overlay-text-color);border-bottom:.5px solid var(--overlay-text-color);font-size:var(--font-size-base);padding:calc(var(--base-spacing-small) * .5) 0;width:120px}";
 var IonicDatepickerPopover = /** @class */ (function () {
@@ -6,0 +5,0 @@ function IonicDatepickerPopover(hostRef) {

dist/esm-es5/ionic-datepicker.entry.js

@@ -37,6 +37,5 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5b81d7b4.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-7363d6dd.js';
 import { D as DEFAULT_MAX, a as DEFAULT_MIN, M as MONTH_NAMES, b as MONTH_SHORT_NAMES, c as DAY_NAMES, d as DAY_SHORT_NAMES, e as DEFAULT_OKAY_LABEL, f as DEFAULT_CANCEL_LABEL, g as DEFAULT_YEAR_LABEL, r as renderDatetime } from './utils-f44cc100.js';
-var variablesCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}";
-var ionicDatepickerCss = variablesCss + ":host{position:relative}span,button.hidden-button{padding-right:var(--base-spacing-small)}span.placeholder{color:var(--placeholder-color)}span.ionic-datepicker-error{color:var(--error-color)}button.hidden-button{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background:transparent;border:0;outline:none}button.hidden-button:active,button.hidden-button:focus,button.hidden-button::-moz-focus-inner{border:0;outline:none}span.disabled,button.hidden-button.disabled{cursor:not-allowed;background:transparent;opacity:.3}";
+var ionicDatepickerCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}:host{position:relative}span,button.hidden-button{padding-right:var(--base-spacing-small)}span.placeholder{color:var(--placeholder-color)}span.ionic-datepicker-error{color:var(--error-color)}button.hidden-button{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background:transparent;border:0;outline:none}button.hidden-button:active,button.hidden-button:focus,button.hidden-button::-moz-focus-inner{border:0;outline:none}span.disabled,button.hidden-button.disabled{cursor:not-allowed;background:transparent;opacity:.3}";
 var isDesktop = function () { return !(window.matchMedia('(any-pointer:coarse)').matches); };
@@ -156,10 +155,11 @@ var IonicDatepicker = /** @class */ (function () {
     }
-    class_1.prototype.updateDateState = function (_prev, next) {
+    class_1.prototype.updateDateState = function (next) {
         if (this.date !== next) {
-            this.date = next;
             if (this.required) {
                 if (!next || !next.trim()) {
                     this.date = new Date().toISOString();
+                    return;
                 }
             }
+            this.date = next;
         }
@@ -166,0 +166,0 @@ };

dist/esm/ionic-datepicker-popover.entry.js

@@ -1,8 +0,6 @@
-import { r as registerInstance, h } from './index-5b81d7b4.js';
+import { r as registerInstance, h } from './index-7363d6dd.js';
 import { D as DEFAULT_MAX, a as DEFAULT_MIN, d as DAY_SHORT_NAMES, M as MONTH_NAMES, b as MONTH_SHORT_NAMES, t as toISODate, e as DEFAULT_OKAY_LABEL, g as DEFAULT_YEAR_LABEL } from './utils-f44cc100.js';
 
-const variablesCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}";
+const ionicDatepickerPopoverCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}ion-popover.datepicker-popover,ion-popover.sc-ion-popover-md-h.datepicker-popover{--width:var(--popover-width);--max-width:var(--popover-width);--min-width:var(--popover-width)}ionic-datepicker-popover .qs-datepicker-container{border:0;border-radius:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;position:relative}ionic-datepicker-popover .qs-datepicker .qs-controls{background-color:var(--controls-background);padding:var(--controls-padding)}ionic-datepicker-popover .qs-datepicker .qs-squares{-ms-flex-pack:center;justify-content:center;padding:var(--squares-padding)}ionic-datepicker-popover .qs-datepicker .qs-square{border-radius:var(--square-border-radius);height:var(--square-dimension);width:var(--square-dimension)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-day{font-weight:var(--square-font-weight)}ionic-datepicker-popover .qs-datepicker .qs-square .qs-num{color:var(--text-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active{background-color:var(--square-active-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active .qs-num,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active .qs-num{color:var(--square-active-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current{background-color:var(--square-current-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current .qs-num{color:var(--square-current-color);text-decoration:none}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--square-hover-background)}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover .qs-num{color:var(--square-hover-color)}ionic-datepicker-popover .qs-datepicker .qs-overlay{background:var(--overlay-background)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-submit{display:none}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-close{color:var(--overlay-text-color);font-size:var(--font-size-base);padding:var(--base-spacing)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-month{color:var(--overlay-text-color);cursor:pointer;font-size:var(--font-size-base);opacity:1}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-year{color:var(--overlay-text-color);border-bottom:.5px solid var(--overlay-text-color);font-size:var(--font-size-base);padding:calc(var(--base-spacing-small) * .5) 0;width:120px}";
 
-const ionicDatepickerPopoverCss = variablesCss + "ion-popover.datepicker-popover,ion-popover.sc-ion-popover-md-h.datepicker-popover{--width:var(--popover-width);--max-width:var(--popover-width);--min-width:var(--popover-width)}ionic-datepicker-popover .qs-datepicker-container{border:0;border-radius:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;position:relative}ionic-datepicker-popover .qs-datepicker .qs-controls{background-color:var(--controls-background);padding:var(--controls-padding)}ionic-datepicker-popover .qs-datepicker .qs-squares{-ms-flex-pack:center;justify-content:center;padding:var(--squares-padding)}ionic-datepicker-popover .qs-datepicker .qs-square{border-radius:var(--square-border-radius);height:var(--square-dimension);width:var(--square-dimension)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-day{font-weight:var(--square-font-weight)}ionic-datepicker-popover .qs-datepicker .qs-square .qs-num{color:var(--text-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active{background-color:var(--square-active-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current.qs-active .qs-num,ionic-datepicker-popover .qs-datepicker .qs-square.qs-active .qs-num{color:var(--square-active-color)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current{background-color:var(--square-current-background)}ionic-datepicker-popover .qs-datepicker .qs-square.qs-current .qs-num{color:var(--square-current-color);text-decoration:none}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--square-hover-background)}ionic-datepicker-popover .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover .qs-num{color:var(--square-hover-color)}ionic-datepicker-popover .qs-datepicker .qs-overlay{background:var(--overlay-background)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-submit{display:none}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-close{color:var(--overlay-text-color);font-size:var(--font-size-base);padding:var(--base-spacing)}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-month{color:var(--overlay-text-color);cursor:pointer;font-size:var(--font-size-base);opacity:1}ionic-datepicker-popover .qs-datepicker .qs-overlay .qs-overlay-year{color:var(--overlay-text-color);border-bottom:.5px solid var(--overlay-text-color);font-size:var(--font-size-base);padding:calc(var(--base-spacing-small) * .5) 0;width:120px}";
-
 const IonicDatepickerPopover = class {
@@ -9,0 +7,0 @@ constructor(hostRef) {

dist/esm/ionic-datepicker.entry.js

@@ -1,8 +0,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5b81d7b4.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-7363d6dd.js';
 import { D as DEFAULT_MAX, a as DEFAULT_MIN, M as MONTH_NAMES, b as MONTH_SHORT_NAMES, c as DAY_NAMES, d as DAY_SHORT_NAMES, e as DEFAULT_OKAY_LABEL, f as DEFAULT_CANCEL_LABEL, g as DEFAULT_YEAR_LABEL, r as renderDatetime } from './utils-f44cc100.js';
 
-const variablesCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}";
+const ionicDatepickerCss = ":root,:host{--base-spacing:var(--ion-padding, 16px);--base-spacing-small:calc(var(--base-spacing) * 0.7);--base-spacing-large:calc(var(--base-spacing) * 1.5);--font-size-base:14px;--font-size-small:calc(var(--font-size-base) * 0.9);--font-size-medium:calc(var(--font-size-base) * 1.2);--font-size-large:calc(var(--font-size-base) * 1.4);--text-color:var(--ion-text-color, #424242);--error-color:var(--ion-color-danger, #eb445a);--placeholder-color:var(--ion-placeholder-color, var(--ion-color-step-400, #999));--popover-width:250px;--squares-padding:5px;--square-dimension:33px;--square-border-radius:5px;--square-font-weight:normal;--square-hover-color:#fff;--square-hover-background:var(--ion-color-secondary, #3dc2ff);--controls-padding:5px;--controls-background:#fff;--square-active-color:#fff;--square-active-background:var(--ion-color-primary, #3880ff);--square-current-color:#fff;--square-current-background:var(--ion-color-medium, #92949c);--overlay-background:rgba(255, 255, 255, .8);--overlay-text-color:var(--text-color)}:host{position:relative}span,button.hidden-button{padding-right:var(--base-spacing-small)}span.placeholder{color:var(--placeholder-color)}span.ionic-datepicker-error{color:var(--error-color)}button.hidden-button{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background:transparent;border:0;outline:none}button.hidden-button:active,button.hidden-button:focus,button.hidden-button::-moz-focus-inner{border:0;outline:none}span.disabled,button.hidden-button.disabled{cursor:not-allowed;background:transparent;opacity:.3}";
 
-const ionicDatepickerCss = variablesCss + ":host{position:relative}span,button.hidden-button{padding-right:var(--base-spacing-small)}span.placeholder{color:var(--placeholder-color)}span.ionic-datepicker-error{color:var(--error-color)}button.hidden-button{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background:transparent;border:0;outline:none}button.hidden-button:active,button.hidden-button:focus,button.hidden-button::-moz-focus-inner{border:0;outline:none}span.disabled,button.hidden-button.disabled{cursor:not-allowed;background:transparent;opacity:.3}";
-
 const isDesktop = () => !(window.matchMedia('(any-pointer:coarse)').matches);
@@ -122,10 +120,11 @@ const IonicDatepicker = class {
     }
-    updateDateState(_prev, next) {
+    updateDateState(next) {
         if (this.date !== next) {
-            this.date = next;
             if (this.required) {
                 if (!next || !next.trim()) {
                     this.date = new Date().toISOString();
+                    return;
                 }
             }
+            this.date = next;
         }
@@ -132,0 +131,0 @@ }

dist/ionic-datepicker/ionic-datepicker.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-88293546.js";e().then(e=>a([["p-2578f72e",[[1,"ionic-datepicker",{displayFormat:[1,"display-format"],pickerFormat:[1,"picker-format"],disabled:[4],pickerOptions:[16],defaultDate:[1,"default-date"],placeholder:[1],ionDateTimeOnMobile:[4,"ion-date-time-on-mobile"],max:[1],min:[1],required:[4],error:[4],ionPopoverOptions:[16],mode:[1],errorClass:[1,"error-class"],monthNames:[16],monthShortNames:[16],dayNames:[16],dayShortNames:[16],okayLabel:[1,"okay-label"],cancelLabel:[1,"cancel-label"],yearLabel:[1,"year-label"],date:[32],open:[64]}]]],["p-fa4f7865",[[0,"ionic-datepicker-popover",{disabled:[4],pickerOptions:[16],selectedDate:[1,"selected-date"],max:[1],min:[1]}]]]],e));
+import{p as e,b as a}from"./p-d7e3d145.js";e().then(e=>a([["p-f3098f9c",[[1,"ionic-datepicker",{displayFormat:[1,"display-format"],pickerFormat:[1,"picker-format"],disabled:[4],pickerOptions:[16],defaultDate:[1,"default-date"],placeholder:[1],ionDateTimeOnMobile:[4,"ion-date-time-on-mobile"],max:[1],min:[1],required:[4],error:[4],ionPopoverOptions:[16],mode:[1],errorClass:[1,"error-class"],monthNames:[16],monthShortNames:[16],dayNames:[16],dayShortNames:[16],okayLabel:[1,"okay-label"],cancelLabel:[1,"cancel-label"],yearLabel:[1,"year-label"],date:[32],open:[64]}]]],["p-99f94897",[[0,"ionic-datepicker-popover",{disabled:[4],pickerOptions:[16],selectedDate:[1,"selected-date"],max:[1],min:[1]}]]]],e));

dist/types/components/ionic-datepicker/ionic-datepicker.d.ts

@@ -29,3 +29,3 @@ import { PopoverOptions, Mode } from '@ionic/core';
     defaultDate?: string;
-    updateDateState(_prev: any, next: any): void;
+    updateDateState(next: any): void;
     /**
@@ -32,0 +32,0 @@ * placeholder if not required and empty

dist/types/stencil-public-runtime.d.ts

@@ -1098,3 +1098,2 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
         radiogroup?: string;
-        part?: string;
         role?: string;
@@ -1394,2 +1393,3 @@ about?: string;
         slot?: string;
+        part?: string;
         onCopy?: (event: ClipboardEvent) => void;
@@ -1396,0 +1396,0 @@ onCopyCapture?: (event: ClipboardEvent) => void;

package.json

 {
   "name": "@codaline-io/ionic-datepicker",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A datepicker component for ionic",
@@ -28,3 +28,3 @@ "main": "dist/index.js",
     "@ionic/core": "^5.0.7",
-    "@stencil/core": "^1.11.3",
+    "@stencil/core": "^1.12.0",
     "gh-pages": "^2.2.0",
@@ -31,0 +31,0 @@ "js-datepicker": "^5.6.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package 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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package 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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

873775

increased by0.17%

Lines of code

12141

increased by0.39%

Number of low supply chain risk alerts

8

decreased by-27.27%

Worsened metrics

Number of package files

82

decreased by-1.2%

No dependency changes