pure-uikit 1.1.39 → 1.2.0

package/LICENSE.md

@@ -1,4 +1,4 @@
-Copyright (c) 2020 A Beautiful Site, LLC
+Copyright (c) 2024 Pure Team, LLC
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/{dist/chunks/chunk.A34HWQTY.js → cdn/chunks/chunk.24AEEAID.js}

@@ -1,6 +1,6 @@
 import {
   PAlert
-} from "./chunk.KEX6KI44.js";
+} from "./chunk.JAC4ABSD.js";
 
 // src/react/alert/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.HTGBUPXD.js → chunk.26IQT67F.js}

@@ -1,6 +1,6 @@
 import {
   PCard
-} from "./chunk.53CGSS7U.js";
+} from "./chunk.67SIEWY5.js";
 
 // src/react/card/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.EGVQ7RNN.js → chunk.2CRK5ZR2.js}

@@ -1,6 +1,6 @@
 import {
   PSwitch
-} from "./chunk.4C3XDWOF.js";
+} from "./chunk.BEWYY6MQ.js";
 
 // src/react/switch/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.7CQUFGGH.js → chunk.2CTHILL7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.JDPYFWFP.js";
+} from "./chunk.QJGUOIRM.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -14,7 +14,7 @@ import {
   PureElement,
   n,
   r
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.7RMQYVQ2.js → chunk.2GXBDQP5.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.JDPYFWFP.js";
+} from "./chunk.QJGUOIRM.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -33,7 +33,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.QHIBJJSA.js → chunk.2I4VRRM5.js}

@@ -1,6 +1,6 @@
 import {
   PVisuallyHidden
-} from "./chunk.4NULO2PC.js";
+} from "./chunk.QH3BGA3T.js";
 
 // src/react/visually-hidden/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.7NQ7RK7A.js → chunk.2KOSZZ65.js}

@@ -1,6 +1,6 @@
 import {
   PImageComparer
-} from "./chunk.5V45CO6N.js";
+} from "./chunk.ZQVYJCI3.js";
 
 // src/react/image-comparer/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.CONESFWA.js → chunk.2LUUZACP.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.JDPYFWFP.js";
+} from "./chunk.QJGUOIRM.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -29,7 +29,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.GOD52C2K.js → chunk.2PYFZTUT.js}

@@ -1,6 +1,6 @@
 import {
   PFileUpload
-} from "./chunk.SK32F673.js";
+} from "./chunk.DDTOS4BO.js";
 
 // src/components/file-upload/file-upload.ts
 var file_upload_default = PFileUpload;

package/cdn/chunks/{chunk.JAOD3U5G.js → chunk.2PYJXUOP.js}

@@ -1,6 +1,6 @@
 import {
   PTreeItem
-} from "./chunk.5PZR3DHZ.js";
+} from "./chunk.TIHS5WIL.js";
 
 // src/components/tree-item/tree-item.ts
 var tree_item_default = PTreeItem;

package/cdn/chunks/{chunk.AWHDK3A4.js → chunk.2W53EILF.js}

@@ -1,6 +1,6 @@
 import {
   PSwitch
-} from "./chunk.4C3XDWOF.js";
+} from "./chunk.BEWYY6MQ.js";
 
 // src/components/switch/switch.ts
 var switch_default = PSwitch;

package/cdn/chunks/{chunk.CI3E6CST.js → chunk.2YFADMS4.js}

@@ -1,6 +1,6 @@
 import {
   PAvatar
-} from "./chunk.7CQUFGGH.js";
+} from "./chunk.2CTHILL7.js";
 
 // src/components/avatar/avatar.ts
 var avatar_default = PAvatar;

package/cdn/chunks/{chunk.DWVW37QB.js → chunk.3BCOBWON.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.BTMIVMQK.js";
 import {
   PureElement
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.3PEEXLUC.js → chunk.3CLTOUDB.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.7EYLST25.js";
 import {
   PPaginate
-} from "./chunk.E56WE66F.js";
+} from "./chunk.AR2FUQ62.js";
 import {
   icon_default
-} from "./chunk.3THVNWRG.js";
+} from "./chunk.QUHG4QOS.js";
 import {
   PCheckbox
-} from "./chunk.7RMQYVQ2.js";
+} from "./chunk.2GXBDQP5.js";
 import {
   se
 } from "./chunk.VA36342L.js";
 import {
   PTag
-} from "./chunk.ZYQ2SIAQ.js";
+} from "./chunk.KT7PXUK6.js";
 import {
   LocalizeController
 } from "./chunk.BTMIVMQK.js";
@@ -33,7 +33,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.AC7JQK4A.js → chunk.3EX6ANLO.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.NOELO442.js";
 import {
   PSpinner
-} from "./chunk.DWVW37QB.js";
+} from "./chunk.3BCOBWON.js";
 import {
   PPopup
-} from "./chunk.ZFI7236G.js";
+} from "./chunk.4QD2A73J.js";
 import {
   HasSlotController,
   getTextContent
@@ -19,7 +19,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.JDPYFWFP.js";
+} from "./chunk.QJGUOIRM.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -27,7 +27,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.WRTLGX5W.js → chunk.3OTUWZI2.js}

@@ -1,6 +1,6 @@
 import {
   PMenuItem
-} from "./chunk.AC7JQK4A.js";
+} from "./chunk.3EX6ANLO.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = PMenuItem;

package/cdn/chunks/{chunk.YFF7VFJE.js → chunk.3VOLJGXI.js}

@@ -1,6 +1,6 @@
 import {
   PFileUploadItem
-} from "./chunk.7D6IXGA7.js";
+} from "./chunk.IHGNR3EU.js";
 
 // src/react/file-upload-item/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.CTXRQ7QW.js → chunk.4CHC7F6E.js}

@@ -1,6 +1,6 @@
 import {
   PTooltip
-} from "./chunk.E2ZNS2OB.js";
+} from "./chunk.YX2Z37L2.js";
 
 // src/react/tooltip/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.7RPKMNPW.js → chunk.4PSLIODJ.js}

@@ -1,6 +1,6 @@
 import {
   PCarousel
-} from "./chunk.WOXDG6VK.js";
+} from "./chunk.LF6R4NOG.js";
 
 // src/react/carousel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZFI7236G.js → chunk.4QD2A73J.js}

@@ -8,7 +8,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.3EJ7EXVM.js → chunk.4TAAX575.js}

@@ -21,7 +21,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.3AOXZLW4.js → chunk.4TISJI6E.js}

@@ -1,6 +1,6 @@
 import {
   PTooltip
-} from "./chunk.E2ZNS2OB.js";
+} from "./chunk.YX2Z37L2.js";
 import {
   copy_button_styles_default
 } from "./chunk.RNZSUMOB.js";
@@ -16,13 +16,13 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.JDPYFWFP.js";
+} from "./chunk.QJGUOIRM.js";
 import {
   PureElement,
   e,
   n,
   r
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.VTB2WA6C.js → chunk.4WAPDG4J.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.NOWCQZBS.js";
 import {
   PTag
-} from "./chunk.ZYQ2SIAQ.js";
+} from "./chunk.KT7PXUK6.js";
 import {
   ae
 } from "./chunk.6JBGXCYU.js";
 import {
   PPopup
-} from "./chunk.ZFI7236G.js";
+} from "./chunk.4QD2A73J.js";
 import {
   defaultValue
 } from "./chunk.PGG27OMY.js";
@@ -44,7 +44,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.JDPYFWFP.js";
+} from "./chunk.QJGUOIRM.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -53,7 +53,7 @@ import {
   e,
   n,
   r
-} from "./chunk.5QPDXGNF.js";
+} from "./chunk.BWFHTNIR.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";
@@ -123,7 +123,7 @@ function generateCalendarGrid(year, month, options) {
   } while (day <= lastDayOfMonth);
   return dayGrid;
 }
-function getAllDayNames(locale = "en", format = "long") {
+function getAllDayNames(locale = "en-GB", format = "long") {
   const formatter = new Intl.DateTimeFormat(locale, {
     weekday: format,
     timeZone: "UTC"
@@ -134,7 +134,7 @@ function getAllDayNames(locale = "en", format = "long") {
   });
   return days.map((date) => formatter.format(date));
 }
-function getAllMonthNames(locale = "en", format = "long") {
+function getAllMonthNames(locale = "en-GB", format = "long") {
   const formatter = new Intl.DateTimeFormat(locale, {
     month: format,
     timeZone: "UTC"
@@ -156,10 +156,10 @@ function isWeekday(date) {
   const day = date.getDay();
   return day > 0 && day < 6;
 }
-function getMonthName(date, locale = "en", format = "long") {
+function getMonthName(date, locale = "en-GB", format = "long") {
   return getAllMonthNames(locale, format)[date.getMonth()];
 }
-function getDateLabelWithFormat(date, locale = "en", format) {
+function getDateLabelWithFormat(date, locale = "en-GB", format) {
   return new Intl.DateTimeFormat(locale, format).format(date);
 }
 function getDateDifferentFrom(date, days) {
@@ -177,32 +177,17 @@ function partMap(map) {
   return parts.join(" ");
 }
 
-// src/internal/date-formatter.ts
+// node_modules/pure-date-format/dist/index.js
 function padZero(num, length = 2) {
   return num.toString().padStart(length, "0");
 }
 function getLocalizedNames(locale) {
   const formatter = (options) => new Intl.DateTimeFormat(locale, options);
-  const dayNames = Array.from(
-    { length: 7 },
-    (_, i) => formatter({ weekday: "long" }).format(new Date(Date.UTC(2024, 1, i + 1)))
-  );
-  const dayShortNames = Array.from(
-    { length: 7 },
-    (_, i) => formatter({ weekday: "short" }).format(new Date(Date.UTC(2024, 1, i + 1)))
-  );
-  const dayMinNames = Array.from(
-    { length: 7 },
-    (_, i) => formatter({ weekday: "narrow" }).format(new Date(Date.UTC(2024, 1, i + 1)))
-  );
-  const monthNames = Array.from(
-    { length: 12 },
-    (_, i) => formatter({ month: "long" }).format(new Date(Date.UTC(2024, i, 1)))
-  );
-  const monthShortNames = Array.from(
-    { length: 12 },
-    (_, i) => formatter({ month: "short" }).format(new Date(Date.UTC(2024, i, 1)))
-  );
+  const dayNames = Array.from({ length: 7 }, (_, i) => formatter({ weekday: "long" }).format(new Date(Date.UTC(2024, 1, i + 1))));
+  const dayShortNames = Array.from({ length: 7 }, (_, i) => formatter({ weekday: "short" }).format(new Date(Date.UTC(2024, 1, i + 1))));
+  const dayMinNames = Array.from({ length: 7 }, (_, i) => formatter({ weekday: "narrow" }).format(new Date(Date.UTC(2024, 1, i + 1))));
+  const monthNames = Array.from({ length: 12 }, (_, i) => formatter({ month: "long" }).format(new Date(Date.UTC(2024, i, 1))));
+  const monthShortNames = Array.from({ length: 12 }, (_, i) => formatter({ month: "short" }).format(new Date(Date.UTC(2024, i, 1))));
   return {
     dayNames,
     dayShortNames,
@@ -302,8 +287,6 @@ function parseMatches(matches, tokens, localeData) {
       case "ZZ":
         timezoneOffsetMinutes = parseTimezoneOffset(value);
         break;
-      default:
-        break;
     }
   });
   if (tokens.some((t) => t.value === "A" || t.value === "a")) {
@@ -321,9 +304,8 @@ function parseMatches(matches, tokens, localeData) {
   return date;
 }
 function parseTimezoneOffset(value) {
-  const sign = value.startsWith("+") ? 1 : -1;
-  let hours;
-  let minutes;
+  const sign = value[0] === "+" ? 1 : -1;
+  let hours, minutes;
   if (value.includes(":")) {
     [hours, minutes] = value.slice(1).split(":").map(Number);
   } else {
@@ -360,7 +342,6 @@ function buildRegexPattern(tokens, localeData) {
     a: "(am|pm)",
     Z: "([+-]\\d{2}:\\d{2})",
     ZZ: "([+-]\\d{4})"
-    // Add other tokens as needed
   };
   let pattern = "";
   tokens.forEach((token) => {
@@ -374,7 +355,7 @@ function buildRegexPattern(tokens, localeData) {
   });
   return new RegExp("^" + pattern + "$", "i");
 }
-function date_formatter_default() {
+function index() {
   function from(date, format, locale = "en-US") {
     const { dayNames, dayShortNames, dayMinNames, monthNames, monthShortNames } = getLocalizedNames(locale);
     const day = date.getDate();
@@ -415,10 +396,7 @@ function date_formatter_default() {
       A: isPM ? "PM" : "AM",
       a: isPM ? "pm" : "am"
     };
-    return format.replace(
-      /YYYY|YY|MMMM|MMM|MM|M|DDD|DD|D|dddd|ddd|dd|d|HH|H|hh|h|mm|m|ss|s|SSS|ZZ|Z|A|a/g,
-      (match) => String(tokens[match])
-    );
+    return format.replace(/YYYY|YY|MMMM|MMM|MM|M|DDD|DD|D|dddd|ddd|dd|d|HH|H|hh|h|mm|m|ss|s|SSS|ZZ|Z|A|a/g, (match) => String(tokens[match]));
   }
   function to(dateString, format, locale = "en-US") {
     const localeData = getLocalizedNames(locale);
@@ -430,7 +408,19 @@ function date_formatter_default() {
     }
     return parseMatches(matches, tokens, localeData);
   }
-  return { from, to };
+  function isValid(dateString, format) {
+    try {
+      const dateObject = format ? this.to(dateString, format) : new Date(dateString);
+      if (dateObject instanceof Date && !isNaN(dateObject.getTime())) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (error) {
+      return false;
+    }
+  }
+  return { from, to, isValid };
 }
 
 // src/components/calendar/calendar.component.ts
@@ -444,7 +434,7 @@ var PCalendar = class extends PureElement {
     this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
     this.keyword = "";
     this.closeOnSelect = false;
-    this.format = "YYYY-MM-DD";
+    this.format = "";
     this.typing = true;
     this.hasFocus = false;
     this.displayLabel = "";
@@ -483,7 +473,7 @@ var PCalendar = class extends PureElement {
         removable
         @p-remove=${(event) => this.handleTagRemove(event, option)}
       >
-        ${getDateLabelWithFormat(option)}
+        ${this.format ? index().from(option, this.format) : getDateLabelWithFormat(option)}
       </p-tag>
     `;
     };
@@ -496,7 +486,7 @@ var PCalendar = class extends PureElement {
     this.date = (/* @__PURE__ */ new Date()).getDate();
     this.dayLabels = "short";
     this.monthLabels = "long";
-    this.showAdjacentDates = true;
+    this.showAdjacentDates = false;
     this.handleDocumentFocusIn = (event) => {
       const path = event.composedPath();
       if (this && !path.includes(this)) {
@@ -523,6 +513,23 @@ var PCalendar = class extends PureElement {
           this.show();
           return;
         }
+        if (this.keyword) {
+          const isValid = index().isValid(this.keyword, this.format);
+          if (!isValid) {
+            return;
+          } else {
+            this.handleSelectDate({
+              date: index().to(this.keyword, this.format),
+              isToday: false,
+              isWeekday: false,
+              isWeekend: false,
+              isCurrentMonth: false,
+              isPreviousMonth: false,
+              isNextMonth: false
+            });
+            return;
+          }
+        }
         if (this.currentOption && !this.disabled && this.open) {
           const allOptions = this.getAllOptions();
           const currentDayCalendar = this.currentOption && allOptions.find((option) => this.currentOption && isSameDay(option.date, this.currentOption));
@@ -593,27 +600,27 @@ var PCalendar = class extends PureElement {
     if (Array.isArray(this._value)) {
       return this._value.map((v) => {
         if (v instanceof Date) {
-          return date_formatter_default().from(v, this.format);
+          return this.format ? index().from(v, this.format) : v;
         } else {
-          return v;
+          return this.format ? v : new Date(v);
         }
       });
     } else {
-      return this._value instanceof Date ? date_formatter_default().from(this._value, this.format) : this._value;
+      return this._value instanceof Date ? index().from(this._value, this.format) : this._value;
     }
   }
   set value(value) {
     if (Array.isArray(value)) {
       this._value = value.map((v) => {
         if (typeof v === "string") {
-          return date_formatter_default().to(v, this.format);
+          return this.format ? index().to(v, this.format) : new Date(v);
         } else {
           return v;
         }
       });
     } else {
       if (typeof value === "string") {
-        this._value = date_formatter_default().to(value, this.format);
+        this._value = this.format ? index().to(value, this.format) : new Date(value);
       } else {
         this._value = value;
       }
@@ -631,13 +638,37 @@ var PCalendar = class extends PureElement {
     super.connectedCallback();
     this.open = false;
     this.placeholder = this.type === "range" ? `${this.format} - ${this.format}` : this.format;
+    if (Array.isArray(this.value)) {
+      this._value = this.value.map((v) => {
+        if (typeof v === "string") {
+          return this.format ? index().to(v, this.format) : new Date(v);
+        } else {
+          return v;
+        }
+      });
+    } else {
+      if (typeof this.value === "string") {
+        this._value = this.format ? index().to(this.value, this.format) : new Date(this.value);
+      } else {
+        this._value = this.value;
+      }
+    }
   }
   firstUpdated() {
     if (Array.isArray(this._value)) {
       this.selectedOptions = this._value;
+      if (this.type === "range") {
+        this.keyword = "";
+        if (this.selectedOptions.length === 1) {
+          this.keyword = `${this.format ? index().from(this.selectedOptions[0], this.format) : getDateLabelWithFormat(this.selectedOptions[0])} - `;
+        } else if (this.selectedOptions.length === 2) {
+          this.keyword = this.format ? `${index().from(this.selectedOptions[0], this.format)} - ${index().from(this.selectedOptions[1], this.format)}` : `${getDateLabelWithFormat(this.selectedOptions[0])} - ${getDateLabelWithFormat(this.selectedOptions[1])}`;
+        }
+        this.displayLabel = this.keyword;
+      }
     } else {
       this.selectedOptions = this._value ? [this._value] : [];
-      this.keyword = getDateLabelWithFormat(this.selectedOptions[0]);
+      this.keyword = this.format ? index().from(this.selectedOptions[0], this.format) : getDateLabelWithFormat(this.selectedOptions[0]);
       this.displayLabel = this.keyword;
     }
   }
@@ -820,42 +851,49 @@ var PCalendar = class extends PureElement {
   selectionChanged() {
     switch (this.type) {
       case "single":
-        this.keyword = getDateLabelWithFormat(this.selectedOptions[0]);
-        this.displayLabel = this.keyword;
+        this.keyword = "";
+        this.displayLabel = this.format ? index().from(this.selectedOptions[0], this.format) : getDateLabelWithFormat(this.selectedOptions[0]);
         this._value = structuredClone(this.selectedOptions[0]);
         break;
       case "range":
         this.keyword = "";
         if (this.selectedOptions.length === 1) {
-          this.keyword = `${getDateLabelWithFormat(this.selectedOptions[0])} - `;
+          this.keyword = `${this.format ? index().from(this.selectedOptions[0], this.format) : getDateLabelWithFormat(this.selectedOptions[0])} - `;
         } else if (this.selectedOptions.length === 2) {
-          this.keyword = `${getDateLabelWithFormat(this.selectedOptions[0])} - ${getDateLabelWithFormat(this.selectedOptions[1])}`;
+          this.keyword = this.format ? `${index().from(this.selectedOptions[0], this.format)} - ${index().from(this.selectedOptions[1], this.format)}` : `${getDateLabelWithFormat(this.selectedOptions[0])} - ${getDateLabelWithFormat(this.selectedOptions[1])}`;
         }
         this.displayLabel = this.keyword;
         this._value = structuredClone(this.selectedOptions);
         break;
       case "multiple":
-        this.placeholder = "MM/DD/YYYY";
+        this.placeholder = this.format ? this.format : "MM/DD/YYYY";
         this._value = structuredClone(this.selectedOptions);
         break;
       default:
         break;
     }
+    if (Array.isArray(this._value) && this._value.length > 0) {
+      this.year = this._value[this._value.length - 1].getFullYear();
+      this.month = this._value[this._value.length - 1].getMonth() + 1;
+    } else if (this._value instanceof Date) {
+      this.year = this._value.getFullYear();
+      this.month = this._value.getMonth() + 1;
+    }
     this.updateComplete.then(() => {
       this.formControlController.updateValidity();
     });
   }
   get tags() {
-    return this.selectedOptions.map((option, index) => {
-      if (index < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
-        const tag = this.getTag(option, index);
+    return this.selectedOptions.map((option, index2) => {
+      if (index2 < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
+        const tag = this.getTag(option, index2);
         return ke`<div @p-remove=${(e2) => this.handleTagRemove(e2, option)}>
           ${typeof tag === "string" ? ae(tag) : tag}
         </div>`;
-      } else if (index === this.maxOptionsVisible) {
+      } else if (index2 === this.maxOptionsVisible) {
         return ke`
           <p-dropdown placement="top" behavior="hover">
-            <p-tag slot="trigger" size=${this.size}>+${this.selectedOptions.length - index}</p-tag>
+            <p-tag slot="trigger" size=${this.size}>+${this.selectedOptions.length - index2}</p-tag>
             <div class="calendar__tags--overflow" @click=${(e2) => e2.stopPropagation()}>
               ${this.selectedOptions.slice(this.maxOptionsVisible).map((other, idx) => {
           const otherTag = this.getTag(other, this.maxOptionsVisible + idx);
@@ -916,7 +954,7 @@ var PCalendar = class extends PureElement {
       this.emit("p-after-show");
       if (this.typing) {
         if (this.selectedOptions.length > 0) {
-          this.placeholder = this.type === "range" ? "MM/DD/YYYY - MM/DD/YYYY" : "MM/DD/YYYY";
+          this.placeholder = this.type === "range" ? `${this.format ? `${this.format} - ${this.format}` : "MM/DD/YYYY - MM/DD/YYYY"}` : this.format || "MM/DD/YYYY";
         }
       }
       if (!document.activeElement || document.activeElement !== this.displayInput) {

package/cdn/chunks/{chunk.SQYPSXFL.js → chunk.4YBCS7JY.js}

@@ -1,6 +1,6 @@
 import {
   PButton
-} from "./chunk.V6YVYUOG.js";
+} from "./chunk.VHYCGJNA.js";
 
 // src/react/button/index.ts
 import * as React from "react";