From bf1f0188e8f5766667148540adf5fb0bc78ccc2e Mon Sep 17 00:00:00 2001 From: anatolie_ghebea Date: Mon, 10 Oct 2022 16:34:10 +0200 Subject: [PATCH 1/2] v3.2.0 add block specific days --- CHANGELOG.md | 5 + docs/docs/examples/index.html | 75 +- docs/docs/props/index.html | 14 +- docs/docs/quick-start/index.html | 14 +- docs/docs/theme-editor/dark/index.html | 68 +- docs/docs/theme-editor/light/index.html | 68 +- docs/index.html | 60 +- ...le-3d94adef.js => CodeExample-852f326a.js} | 2 +- docs/internal/chunks/Datepicker-108a1eb4.js | 1 + docs/internal/chunks/Datepicker-b03a577c.js | 1 - ...art-742f5a97.js => QuickStart-52df537d.js} | 2 +- docs/internal/chunks/defaults-ac00e4f9.js | 1 - docs/internal/chunks/defaults-f88dd676.js | 1 + .../pages/docs/examples.svelte-06fba0e0.js | 1 + .../pages/docs/examples.svelte-2112ff71.js | 1 - ...bb5d.js => quick-start.svelte-ae5e39eb.js} | 2 +- ...-a032be1c.js => [slug].svelte-17cc423f.js} | 2 +- ...e-8233ebc2.js => index.svelte-c0dc781a.js} | 2 +- docs/internal/start-98bec3dd.js | 1 - docs/internal/start-e7ecf17a.js | 1 + package-lock.json | 5848 ++++++++++++++++- package.json | 2 +- src/app.html | 2 +- src/lib/components/Datepicker.svelte | 3 + src/lib/config/defaults.js | 1 + src/lib/docs/examples/BlockedDays.svelte | 14 + src/lib/stores/datepicker.js | 7 +- src/routes/docs/examples.svelte | 6 + 28 files changed, 5960 insertions(+), 245 deletions(-) rename docs/internal/chunks/{CodeExample-3d94adef.js => CodeExample-852f326a.js} (98%) create mode 100644 docs/internal/chunks/Datepicker-108a1eb4.js delete mode 100644 docs/internal/chunks/Datepicker-b03a577c.js rename docs/internal/chunks/{QuickStart-742f5a97.js => QuickStart-52df537d.js} (73%) delete mode 100644 docs/internal/chunks/defaults-ac00e4f9.js create mode 100644 docs/internal/chunks/defaults-f88dd676.js create mode 100644 docs/internal/pages/docs/examples.svelte-06fba0e0.js delete mode 100644 docs/internal/pages/docs/examples.svelte-2112ff71.js rename docs/internal/pages/docs/{quick-start.svelte-d545bb5d.js => quick-start.svelte-ae5e39eb.js} (79%) rename docs/internal/pages/docs/theme-editor/{[slug].svelte-a032be1c.js => [slug].svelte-17cc423f.js} (99%) rename docs/internal/pages/{index.svelte-8233ebc2.js => index.svelte-c0dc781a.js} (68%) delete mode 100644 docs/internal/start-98bec3dd.js create mode 100644 docs/internal/start-e7ecf17a.js create mode 100644 src/lib/docs/examples/BlockedDays.svelte diff --git a/CHANGELOG.md b/CHANGELOG.md index 592ba06..669faa7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,8 @@ +## [3.2.0](https://github.com/6eDesign/svelte-calendar/compare/v3.1.6...v3.2.0) (2022-10-10) + +### Feature ADD +* Added the posibility to block specific dates. + ## [3.1.6](https://github.com/6eDesign/svelte-calendar/compare/v3.1.5...v3.1.6) (2021-09-22) diff --git a/docs/docs/examples/index.html b/docs/docs/examples/index.html index e7abb1e..16694a2 100644 --- a/docs/docs/examples/index.html +++ b/docs/docs/examples/index.html @@ -2,45 +2,45 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/stores/datepicker.js b/src/lib/stores/datepicker.js index e77a9ef..ed6ad45 100644 --- a/src/lib/stores/datepicker.js +++ b/src/lib/stores/datepicker.js @@ -12,13 +12,15 @@ const pipe = (...fns) => (val) => fns.reduce((accum, fn) => fn(accum), val); const zeroDay = (date) => dayjs(date).startOf('day').toDate(); -const get = ({ selected, start, end, startOfWeekIndex = 0, shouldEnlargeDay = false }) => { +const get = ({ selected, start, end, disabledDates = [], format, startOfWeekIndex = 0, shouldEnlargeDay = false }) => { const { subscribe, set, update } = writable({ open: false, hasChosen: false, selected, start: zeroDay(start), end: zeroDay(end), + disabledDates, + format, shouldEnlargeDay, enlargeDay: false, year: selected.getFullYear(), @@ -39,9 +41,10 @@ const get = ({ selected, start, end, startOfWeekIndex = 0, shouldEnlargeDay = fa update((state) => ({ ...state, enlargeDay })); }, getSelectableVector(date) { - const { start, end } = this.getState(); + const { start, end, disabledDates, format } = this.getState(); if (date < start) return -1; if (date > end) return 1; + if( disabledDates.includes(dayjs(date).format(format)) ) return -1; return 0; }, isSelectable(date, clamping = []) { diff --git a/src/routes/docs/examples.svelte b/src/routes/docs/examples.svelte index 323488c..c3ea753 100644 --- a/src/routes/docs/examples.svelte +++ b/src/routes/docs/examples.svelte @@ -9,6 +9,7 @@ // @example(quickStart, QuickStart.svelte) // @example(startAndEnd, StartAndEnd.svelte) + // @example(blockedDays, BlockedDays.svelte) // @example(inlineCalendar, InlineCalendar.svelte) // @example(darkTheme, DarkTheme.svelte) // @example(customTheme, CustomTheme.svelte) @@ -30,6 +31,11 @@ component: startAndEnd.component, code: startAndEnd.code }, + { + title: 'Blocked Days', + component: blockedDays.component, + code: blockedDays.code + }, { title: 'Inline Calendar', component: inlineCalendar.component, From 9df0cb3b59f0d4a1ce3b80441468ec0f1aa31327 Mon Sep 17 00:00:00 2001 From: anatolie_ghebea Date: Mon, 10 Oct 2022 20:59:44 +0200 Subject: [PATCH 2/2] package json detailes --- package.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/package.json b/package.json index fcfbbe5..525e5f2 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,11 @@ "name": "svelte-calendar", "version": "3.2.0", "main": "index.js", + "license": "MIT", + "repository": { + "type": "git", + "url": "git+https://github.com/anatolieGhebea/svelte-calendar.git" + }, "scripts": { "dev": "svelte-kit dev", "package": "svelte-kit package",