From 52563a9579fa0bc014d9f211c61da04e9c09efd9 Mon Sep 17 00:00:00 2001 From: Giovanni Guarino Date: Mon, 6 Nov 2023 00:37:22 +0100 Subject: [PATCH 1/3] feat Added 'required' property to DateInput --- CHANGELOG.md | 3 +++ package-lock.json | 4 ++-- package.json | 2 +- src/lib/DateInput.svelte | 3 +++ src/routes/DateInput.svelte | 3 +++ 5 files changed, 12 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6b09f0c..d844d4d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,8 @@ # Changelog +## 2.10.0 - 2023 Nov 6 +- Add `required` prop (@ChromuSx) + ## 2.9.0 - 2023 Nov 3 - Add `timePrecision` prop for showing a time picker (@nihanmubashshir) diff --git a/package-lock.json b/package-lock.json index 9669e1d..4b3b57b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "date-picker-svelte", - "version": "2.9.0", + "version": "2.10.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "date-picker-svelte", - "version": "2.9.0", + "version": "2.10.0", "license": "MIT", "devDependencies": { "@sveltejs/adapter-static": "^2.0.3", diff --git a/package.json b/package.json index b74b7c9..1148f11 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "date-picker-svelte", - "version": "2.9.0", + "version": "2.10.0", "description": "Date and time picker for Svelte", "type": "module", "scripts": { diff --git a/src/lib/DateInput.svelte b/src/lib/DateInput.svelte index 55ddcbe..e879318 100644 --- a/src/lib/DateInput.svelte +++ b/src/lib/DateInput.svelte @@ -48,6 +48,8 @@ export let valid = true /** Disable the input **/ export let disabled = false + /** Mandates filling out the input field before submitting the form **/ + export let required = false /** Pass custom classes */ let classes = '' export { classes as class } @@ -189,6 +191,7 @@ value={text} {placeholder} {disabled} + {required} on:focus={() => (visible = true)} on:mousedown={() => (visible = true)} on:input={(e) => { diff --git a/src/routes/DateInput.svelte b/src/routes/DateInput.svelte index cb50568..955ee87 100644 --- a/src/routes/DateInput.svelte +++ b/src/routes/DateInput.svelte @@ -10,6 +10,7 @@ let valid: boolean let visible: boolean let disabled: boolean + let required: boolean let closeOnSelection: boolean let browseWithoutSelecting: boolean let format: string @@ -28,6 +29,7 @@ bind:format bind:visible bind:disabled + bind:required bind:closeOnSelection bind:browseWithoutSelecting bind:dynamicPositioning @@ -44,6 +46,7 @@ + From 0de2d9c2dbe99d83c9cbe59a8285a841443dab0d Mon Sep 17 00:00:00 2001 From: Kasper Date: Wed, 15 Nov 2023 04:41:31 +0100 Subject: [PATCH 2/3] Revert version bump --- CHANGELOG.md | 2 +- package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d844d4d..c07ce93 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ # Changelog -## 2.10.0 - 2023 Nov 6 +## Next - Add `required` prop (@ChromuSx) ## 2.9.0 - 2023 Nov 3 diff --git a/package-lock.json b/package-lock.json index 4b3b57b..9669e1d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "date-picker-svelte", - "version": "2.10.0", + "version": "2.9.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "date-picker-svelte", - "version": "2.10.0", + "version": "2.9.0", "license": "MIT", "devDependencies": { "@sveltejs/adapter-static": "^2.0.3", diff --git a/package.json b/package.json index 1148f11..b74b7c9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "date-picker-svelte", - "version": "2.10.0", + "version": "2.9.0", "description": "Date and time picker for Svelte", "type": "module", "scripts": { From 125ab03d0c64b7f0367a2fd22de575a396af3e27 Mon Sep 17 00:00:00 2001 From: Kasper Date: Wed, 15 Nov 2023 04:51:39 +0100 Subject: [PATCH 3/3] Update docs --- src/lib/DateInput.svelte | 2 +- src/routes/docs/+page.md | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/lib/DateInput.svelte b/src/lib/DateInput.svelte index e879318..e3ef04b 100644 --- a/src/lib/DateInput.svelte +++ b/src/lib/DateInput.svelte @@ -48,7 +48,7 @@ export let valid = true /** Disable the input **/ export let disabled = false - /** Mandates filling out the input field before submitting the form **/ + /** Require a value to submit form **/ export let required = false /** Pass custom classes */ let classes = '' diff --git a/src/routes/docs/+page.md b/src/routes/docs/+page.md index 26eab95..0bbcf91 100644 --- a/src/routes/docs/+page.md +++ b/src/routes/docs/+page.md @@ -40,6 +40,7 @@ The component will not assign a date value until a specific date is selected in | `format` | string | Format string | | `visible` | bool | Whether the date popup is visible | | `disabled` | bool | Disable the input | +| `required` | bool | Require a value to submit form | | `closeOnSelection` | bool | Close the date popup when a date is selected | | `browseWithoutSelecting` | bool | Wait with updating the date until a value is selected | | `dynamicPositioning` | bool | Dynamicly postions the date popup to best fit on the screen |