sveltacular 0.0.52 → 0.0.53

package/dist/forms/date-box/date-box.svelte

@@ -1,17 +1,26 @@
-<script>import { currentDateTime } from "../../helpers/date.js";
+<script>import { currentDateTime, isDate, isDateOrDateTime, isDateTime } from "../../helpers/date.js";
 import { uniqueId } from "../../helpers/unique-id.js";
 import FormField from "../form-field.svelte";
 import FormLabel from "../form-label.svelte";
 const id = uniqueId();
 export let value = void 0;
+export let defaultValue = void 0;
 export let size = "full";
 export let placeholder = "";
 export let nullable = false;
 export let enabled = true;
 export let type = "date";
 export let required = false;
-const defaultValue = value || currentDateTime();
-const getDefaultValue = () => type == "date" ? defaultValue.substring(0, 10) : defaultValue;
+const _defaultValue = defaultValue !== void 0 ? defaultValue : value || currentDateTime();
+const getDefaultValue = () => {
+  if (nullable && !isDateOrDateTime(String(_defaultValue))) {
+    return null;
+  }
+  if (type === "date") {
+    return isDate(String(_defaultValue)) ? _defaultValue : currentDateTime().substring(0, 10);
+  }
+  return isDateTime(String(_defaultValue)) ? _defaultValue : currentDateTime();
+};
 const checkChanged = () => {
   if (nullable) {
     value = enabled ? getDefaultValue() : "";

package/dist/forms/date-box/date-box.svelte.d.ts

@@ -3,6 +3,7 @@ import type { FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
         value?: string | undefined | null;
+        defaultValue?: string | undefined | null;
         size?: FormFieldSizeOptions | undefined;
         placeholder?: string | undefined;
         nullable?: boolean | undefined;

package/dist/forms/info-box/info-box.svelte

@@ -1,5 +1,4 @@
 <script>import LinkIcon from "../../icons/link-icon.svelte";
-import Icon from "../../images/icon.svelte";
 import FormField from "../form-field.svelte";
 import FormLabel from "../form-label.svelte";
 export let size = "md";

package/dist/helpers/date.d.ts

@@ -12,3 +12,6 @@ export declare const dateTimeFromSupabase: (dateTime: string | null) => string;
 export declare const dateTimeToSupabase: (dateTime: string) => string | null;
 export declare const dateTimeToHuman: (dateTime: string) => string;
 export declare const dateTimeToInput: (dateTime?: Date) => string;
+export declare const isDate: (date: string) => boolean;
+export declare const isDateTime: (dateTime: string) => boolean;
+export declare const isDateOrDateTime: (dateOrDateTime: string) => boolean;

package/dist/helpers/date.js

@@ -66,3 +66,14 @@ export const dateTimeToInput = (dateTime) => {
     dateTime.setMinutes(dateTime.getMinutes() - offset);
     return dateTime.toISOString().split('.')[0].slice(0, -3);
 };
+// Is this date formatted in YYYY-MM-DD format?
+export const isDate = (date) => {
+    return /^\d{4}-\d{2}-\d{2}$/.test(date);
+};
+// Is this datetime formatted in YYYY-MM-DD HH:MM format?
+export const isDateTime = (dateTime) => {
+    return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}(:\d{2})?$/.test(dateTime);
+};
+export const isDateOrDateTime = (dateOrDateTime) => {
+    return isDate(dateOrDateTime) || isDateTime(dateOrDateTime);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltacular",
-	"version": "0.0.52",
+	"version": "0.0.53",
 	"description": "A Svelte component library",
 	"main": "dist/index.js",
 	"module": "dist/index.js",