diff --git a/src/documentation/08-localization/page.svx b/src/documentation/08-localization/page.svx
index 82a9eb8..792c1c0 100644
--- a/src/documentation/08-localization/page.svx
+++ b/src/documentation/08-localization/page.svx
@@ -1,5 +1,5 @@
 ---
-title: Localization X
+title: Localization
 ---
 
 <script>
diff --git a/src/documentation/factory.js b/src/documentation/factory.js
index d5858c1..48b2926 100644
--- a/src/documentation/factory.js
+++ b/src/documentation/factory.js
@@ -10,4 +10,4 @@ export const factory = {
   'theme': async () => (await (import('./07-theme/page.svx'))).default,
   'localization': async () => (await (import('./08-localization/page.svx'))).default,
   'global-config': async () => (await (import('./10-global-config/page.svx'))).default
-	}
+	}
\ No newline at end of file
diff --git a/src/routes/_generated/data.js b/src/routes/_generated/data.js
index 82504f0..9ca0ad4 100644
--- a/src/routes/_generated/data.js
+++ b/src/routes/_generated/data.js
@@ -1 +1 @@
-export default [{"title":"Introduction","slug":"","files":[]},{"title":"Properties","slug":"properties","files":[]},{"title":"Working with dates","slug":"principles","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n  import { formatDate, parseDate } from 'svelty-picker';\n  import { en } from 'svelty-picker/i18n';\n</script>\n\nFormatted date: {formatDate(new Date(), 'mm/dd/yyyy', en, 'standard')}\n<br>\nParsed date: { !console.log( parseDate('24.7.2023', 'j.n.Y', en, 'php') ) && 'Shown in console'}\n\n<p>\n  ☝️ Notice the parsed date is always set to 00:00:00, but in <b>local</b> time. Therefore you can see difference\n  between numbers in REPL and browser console.\n</p>"}]},{"title":"Modes & formats","slug":"formatting","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet valueDefault;\n\tlet valueDifferent;\n\tlet valueTimeOnly;\n\t\n</script>\n\n\n<div class=\"flex items-start gap-8\">\n\t<div>\n\t\t<h4>\n\t\t\tFormat === displayFormat<br>Internal value: <code>{valueDefault}</code>\n\t\t</h4>\n\t\t<SveltyPicker bind:value={valueDefault}/>\n\t</div>\n\t<div>\n\t\t<h4>\n\t\t\tFormat !== displayFormat<br>Internal value: <code>{valueDifferent}</code>\n\t\t</h4>\n\t\t<SveltyPicker bind:value={valueDifferent} displayFormat=\"j. n. Y\" displayFormatType=\"php\"/>\n\t</div>\n\t<div>\n\t\t<h4>\n\t\t\tTime only format:<br>Internal value: <code>{valueTimeOnly}</code>\n\t\t</h4>\n\t\t<SveltyPicker bind:value={valueTimeOnly} format=\"hh:ii\" displayFormat=\"HH:ii P\"/>\n\t</div> \n</div>\n"}]},{"title":"Auto-commit changes","slug":"auto-commit","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet modes = ['date', 'datetime', 'time'];\n\tlet activeMode = 'date';\n\tlet isRange = false;\n\tlet autocommit = false;\n\t\n\t$: format = activeMode === 'date'\n\t\t? 'yyyy-mm-dd'\n\t\t: (activeMode === 'time'\n\t\t\t? 'hh:ii'\n\t\t\t: 'yyyy-mm-dd hh:ii'\n\t\t);\n\t\n\tlet value;\n</script>\n\n<div class=\"my-4\" style=\"display: flex; gap: 1rem\">\n\t<fieldset>\n\t\t<legend>Settings</legend>\n\t\t<label for=\"ac\">\n\t\t\t<input type=\"checkbox\" name=\"ac\" id=\"ac\" bind:checked={autocommit}>\n\t\t\tAuto-commit\n\t\t</label><br>\n\t\t<label for=\"range\">\n\t\t\t<input type=\"checkbox\" name=\"range\" id=\"range\" bind:checked={isRange}>\n\t\t\tDate range mode\n\t\t</label>\n\t</fieldset>\n\t<fieldset>\n\t\t<legend>Modes</legend>\n\t\t{#each modes as mode}\n\t\t<label for={mode} style=\"margin: 0 1rem\"><input type=\"radio\" bind:group={activeMode} value={mode} id={mode}> {mode}</label>\n\t\t{/each}\n\t</fieldset>\n</div>\n\nSelected value: {value}<br>\n<SveltyPicker {autocommit} {format} {isRange} bind:value/>\n\n<style>\n\t.my-4 {\n\t\tmargin: 1rem 0;\n\t}\n\tfieldset {\n\t\tpadding: 1rem;\n\t}\n</style>"}]},{"title":"Disabling dates","slug":"disabling-dates","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet startDate = '2023-07-04';\n\tlet endDate = '2023-07-28';\n\n\tfunction disableWeekends(date) {\n\t\t\n\t\treturn date.getDay() === 0 || date.getDay() === 6\n\t}\n</script>\n\nRestricted selection list:<br>\n<SveltyPicker {startDate} {endDate} placeholder=\"Only July is allowed\"/>\n\n<div class=\"my-4\"></div>\n\n<SveltyPicker disableDatesFn={disableWeekends} placeholder=\"Weekends are disabled\"/>\n\n\n\n<style>\n\t.my-4 {\n\t\tmargin: 16px 0;\n\t}\n</style>"}]},{"title":"Slots","slug":"slots","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet value;\n\tlet autocommit = false;\n</script>\n<SveltyPicker bind:value {autocommit} displayFormat=\"mm/dd/yyyy\">\n  <svelte:fragment slot=\"inputs\"\n    let:value\n    let:displayValue\n    let:isDirty\n    let:onInputFocus\n    let:onInputBlur\n    let:onKeyDown\n  >\n    <input type=\"text\" {value} readonly placeholder=\"Custom value input\" on:focus={e => e.target.nextElementSibling.focus()}>\n    <input type=\"text\" value={displayValue} placeholder=\"Custom dislay input\"\n\t\t\ton:keydown={onKeyDown} on:focus={onInputFocus} on:blur={onInputBlur}\n\t\t>\n  \n\t</svelte:fragment>\n\t<svelte:fragment slot=\"action-row\"\n\t\tlet:i18n\n\t\tlet:onConfirm\n\t\tlet:onToday\n\t\tlet:onCancel\n\t\tlet:onClear\n\t\tlet:autocloseSupported\n\t\tlet:isTodayDisabled\n\t\tlet:todayBtn\n\t\tlet:clearBtn\n\t\tlet:currentMode\n\t>\n\t{#if !autocloseSupported || true}\n    <div class=\"flex justify-end mt-2\">\n      {#if !autocloseSupported}\n      <span>\n        <button type=\"button\" class=\"sdt-action-btn\" on:click={onCancel}>{i18n.cancelBtn}</button>\n        <button type=\"button\" class=\"sdt-action-btn\" on:click={onConfirm}>{i18n.okBtn}</button>\n      </span>\n      {/if}\n      {#if todayBtn || clearBtn}\n      <span>\n        {#if todayBtn && currentMode === 'date'}<button type=\"button\" on:click={onToday} disabled={isTodayDisabled}>{i18n.todayBtn}</button>{/if}\n        {#if clearBtn}<button type=\"button\" class=\"my-class\" on:click={onClear}>{i18n.clearBtn}</button>{/if}\n      </span>\n      {/if}\n    </div>\n    {/if}\n\t</svelte:fragment>\n</SveltyPicker>"}]},{"title":"Events","slug":"events","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n  \n\tlet log = '';\n\tlet counter = 0; \n  \n\tfunction logEvent(e) {\n\t\tcounter++;\n\t\tlog = `#${counter} event: ${e.type}${e.type !== 'blur' ? '; value: ' + e.detail : ''}\\n`\n\t\t\t+ log;\n\t}\n</script>\n\n\n<div class=\"flex\">\n\t<SveltyPicker autocommit={false} placeholder=\"Pick a date\"\n\t\ton:input={logEvent}\n\t\ton:change={logEvent}\n\t\ton:blur={logEvent}\n\t/>\n\t<textarea id=\"log\" rows=\"15\" cols=\"15\" bind:value={log} class=\"w-full\" placeholder=\"Event log\"></textarea>\n</div>\n\n\n<style>\n\t.flex {\n\t\tdisplay: flex;\n\t\tgap: 1rem;\n\t\talign-items: flex-start;\n\t}\n\n\t.w-full {\n\t\twidth: 100%;\n\t}\n</style>\n\n"}]},{"title":"Theme","slug":"theme","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n</script>\n\nThe picker's mode responds to website light/dark mode setting.  \n<SveltyPicker pickerOnly mode=\"datetime\" />\n\n<style>\n\t:global(.dark) {\n\t\t--sdt-bg-main: #585858;\n\t\t--sdt-shadow-color: #777;\n\t\t--sdt-color: #eee;\n\t\t--sdt-header-color: #eee;\n\t\t--sdt-primary: #e1ac4a;\n\t\t--sdt-disabled-date: #b22222;\n\t\t--sdt-disabled-date-bg: var(--sdt-bg-main);\n\t\t--sdt-btn-bg-hover: #777;\n\t\t--sdt-btn-header-bg-hover: #777;\n\t\t--sdt-color-selected: #fff;\n\t\t--sdt-today-indicator: #ccc;\n\t\t--sdt-clock-bg: #999;\n\t\t/* custom buttons */\n\t\t--sdt-today-bg: #e4a124;\n\t\t--sdt-today-color: #fff;\n\t\t--sdt-clear-color: #666;\n\t\t--sdt-clear-bg: #ddd;\n\t\t--sdt-clear-hover-color: #fff;\n\t\t--sdt-clear-hover-bg: #dc3545;\n\t}\n\t:global(.light) {\n\t\t--sdt-bg-main: #fff;\n\t\t--sdt-shadow-color: #ccc;\n\t\t--sdt-color: inherit;\n\t\t--sdt-primary: #286090;\n\t\t--sdt-disabled-date: #b22222;\n\t\t--sdt-disabled-date-bg: var(--sdt-bg-main);\n\t\t--sdt-btn-bg-hover: #eee;\n\t\t--sdt-btn-header-bg-hover: #dfdfdf;\n\t\t--sdt-color-selected: #fff;\n\t\t--sdt-today-indicator: #ccc;\n\t\t--sdt-clock-bg: #eeeded;\n\t\t/* custom buttons */\n\t\t--sdt-today-bg: #1e486d;\n\t\t--sdt-today-color: #fff;\n\t\t--sdt-clear-color: #dc3545;\n\t\t--sdt-clear-bg: #fff;\n\t\t--sdt-clear-hover-color: #fff;\n\t\t--sdt-clear-hover-bg: #dc3545;\n\t}\n</style>"}]},{"title":"Localization X","slug":"localization","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker, { config } from 'svelty-picker';\n\timport { de, jp } from 'svelty-picker/i18n';\n\n\t// all pickers set to german and to start week on saturday\n\tconfig.i18n = de;\n\tconfig.weekStart = 6;\n</script>\n\n\n<div class=\"flex\">\n\t<div>\n\t\t<h3>My german picker</h3>\n\t\t<SveltyPicker pickerOnly />\n\t</div>\n\t<div>\n\t\t<h3>Japanese override</h3>\n\t\t<SveltyPicker pickerOnly i18n={jp} />\n\t</div>\n</div>\n\n<style>\n\t.flex {\n\t\tdisplay: flex;\n\t\tgap: 1rem;\n\t}\n</style>"}]},{"title":"Global config","slug":"global-config","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker, { config } from 'svelty-picker';\n\timport { de, jp } from 'svelty-picker/i18n';\n\n\t// all pickers set to german and to start week on saturday\n\tconfig.i18n = de;\n\tconfig.weekStart = 6;\n</script>\n\n<div style=\"display:flex;gap:1rem\">\n\t<div>\n\t\t<h3>My german picker (global) </h3>\n\t\t<SveltyPicker pickerOnly />\n\t</div>\n\t<div>\n\t\t<h3>Japanese override</h3>\n\t\t<SveltyPicker pickerOnly i18n={jp} weekStart={1} />\n\t</div>\n</div>"}]}]
\ No newline at end of file
+export default [{"title":"Introduction","slug":"","files":[]},{"title":"Properties","slug":"properties","files":[]},{"title":"Working with dates","slug":"principles","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n  import { formatDate, parseDate } from 'svelty-picker';\n  import { en } from 'svelty-picker/i18n';\n</script>\n\nFormatted date: {formatDate(new Date(), 'mm/dd/yyyy', en, 'standard')}\n<br>\nParsed date: { !console.log( parseDate('24.7.2023', 'j.n.Y', en, 'php') ) && 'Shown in console'}\n\n<p>\n  ☝️ Notice the parsed date is always set to 00:00:00, but in <b>local</b> time. Therefore you can see difference\n  between numbers in REPL and browser console.\n</p>\n"}]},{"title":"Modes & formats","slug":"formatting","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet valueDefault;\n\tlet valueDifferent;\n\tlet valueTimeOnly;\n\n</script>\n\n\n<div class=\"flex items-start gap-8\">\n\t<div>\n\t\t<h4>\n\t\t\tFormat === displayFormat<br>Internal value: <code>{valueDefault}</code>\n\t\t</h4>\n\t\t<SveltyPicker bind:value={valueDefault}/>\n\t</div>\n\t<div>\n\t\t<h4>\n\t\t\tFormat !== displayFormat<br>Internal value: <code>{valueDifferent}</code>\n\t\t</h4>\n\t\t<SveltyPicker bind:value={valueDifferent} displayFormat=\"j. n. Y\" displayFormatType=\"php\"/>\n\t</div>\n\t<div>\n\t\t<h4>\n\t\t\tTime only format:<br>Internal value: <code>{valueTimeOnly}</code>\n\t\t</h4>\n\t\t<SveltyPicker bind:value={valueTimeOnly} format=\"hh:ii\" displayFormat=\"HH:ii P\"/>\n\t</div>\n</div>\n"}]},{"title":"Auto-commit changes","slug":"auto-commit","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet modes = ['date', 'datetime', 'time'];\n\tlet activeMode = 'date';\n\tlet isRange = false;\n\tlet autocommit = false;\n\n\t$: format = activeMode === 'date'\n\t\t? 'yyyy-mm-dd'\n\t\t: (activeMode === 'time'\n\t\t\t? 'hh:ii'\n\t\t\t: 'yyyy-mm-dd hh:ii'\n\t\t);\n\n\tlet value;\n</script>\n\n<div class=\"my-4\" style=\"display: flex; gap: 1rem\">\n\t<fieldset>\n\t\t<legend>Settings</legend>\n\t\t<label for=\"ac\">\n\t\t\t<input type=\"checkbox\" name=\"ac\" id=\"ac\" bind:checked={autocommit}>\n\t\t\tAuto-commit\n\t\t</label><br>\n\t\t<label for=\"range\">\n\t\t\t<input type=\"checkbox\" name=\"range\" id=\"range\" bind:checked={isRange}>\n\t\t\tDate range mode\n\t\t</label>\n\t</fieldset>\n\t<fieldset>\n\t\t<legend>Modes</legend>\n\t\t{#each modes as mode}\n\t\t<label for={mode} style=\"margin: 0 1rem\"><input type=\"radio\" bind:group={activeMode} value={mode} id={mode}> {mode}</label>\n\t\t{/each}\n\t</fieldset>\n</div>\n\nSelected value: {value}<br>\n<SveltyPicker {autocommit} {format} {isRange} bind:value/>\n\n<style>\n\t.my-4 {\n\t\tmargin: 1rem 0;\n\t}\n\tfieldset {\n\t\tpadding: 1rem;\n\t}\n</style>\n"}]},{"title":"Disabling dates","slug":"disabling-dates","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet startDate = '2023-07-04';\n\tlet endDate = '2023-07-28';\n\n\tfunction disableWeekends(date) {\n\n\t\treturn date.getDay() === 0 || date.getDay() === 6\n\t}\n</script>\n\nRestricted selection list:<br>\n<SveltyPicker {startDate} {endDate} placeholder=\"Only July is allowed\"/>\n\n<div class=\"my-4\"></div>\n\n<SveltyPicker disableDatesFn={disableWeekends} placeholder=\"Weekends are disabled\"/>\n\n\n\n<style>\n\t.my-4 {\n\t\tmargin: 16px 0;\n\t}\n</style>\n"}]},{"title":"Slots","slug":"slots","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet value;\n\tlet autocommit = false;\n</script>\n<SveltyPicker bind:value {autocommit} displayFormat=\"mm/dd/yyyy\">\n  <svelte:fragment slot=\"inputs\"\n    let:value\n    let:displayValue\n    let:isDirty\n    let:onInputFocus\n    let:onInputBlur\n    let:onKeyDown\n  >\n    <input type=\"text\" {value} readonly placeholder=\"Custom value input\" on:focus={e => e.target.nextElementSibling.focus()}>\n    <input type=\"text\" value={displayValue} placeholder=\"Custom dislay input\"\n\t\t\ton:keydown={onKeyDown} on:focus={onInputFocus} on:blur={onInputBlur}\n\t\t>\n\n\t</svelte:fragment>\n\t<svelte:fragment slot=\"action-row\"\n\t\tlet:i18n\n\t\tlet:onConfirm\n\t\tlet:onToday\n\t\tlet:onCancel\n\t\tlet:onClear\n\t\tlet:autocloseSupported\n\t\tlet:isTodayDisabled\n\t\tlet:todayBtn\n\t\tlet:clearBtn\n\t\tlet:currentMode\n\t>\n\t{#if !autocloseSupported || true}\n    <div class=\"flex justify-end mt-2\">\n      {#if !autocloseSupported}\n      <span>\n        <button type=\"button\" class=\"sdt-action-btn\" on:click={onCancel}>{i18n.cancelBtn}</button>\n        <button type=\"button\" class=\"sdt-action-btn\" on:click={onConfirm}>{i18n.okBtn}</button>\n      </span>\n      {/if}\n      {#if todayBtn || clearBtn}\n      <span>\n        {#if todayBtn && currentMode === 'date'}<button type=\"button\" on:click={onToday} disabled={isTodayDisabled}>{i18n.todayBtn}</button>{/if}\n        {#if clearBtn}<button type=\"button\" class=\"my-class\" on:click={onClear}>{i18n.clearBtn}</button>{/if}\n      </span>\n      {/if}\n    </div>\n    {/if}\n\t</svelte:fragment>\n</SveltyPicker>\n"}]},{"title":"Events","slug":"events","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker from 'svelty-picker';\n\n\tlet log = '';\n\tlet counter = 0;\n\n\tfunction logEvent(e) {\n\t\tcounter++;\n\t\tlog = `#${counter} event: ${e.type}${e.type !== 'blur' ? '; value: ' + e.detail : ''}\\n`\n\t\t\t+ log;\n\t}\n</script>\n\n\n<div class=\"flex\">\n\t<SveltyPicker autocommit={false} placeholder=\"Pick a date\"\n\t\ton:input={logEvent}\n\t\ton:change={logEvent}\n\t\ton:blur={logEvent}\n\t/>\n\t<textarea id=\"log\" rows=\"15\" cols=\"15\" bind:value={log} class=\"w-full\" placeholder=\"Event log\"></textarea>\n</div>\n\n\n<style>\n\t.flex {\n\t\tdisplay: flex;\n\t\tgap: 1rem;\n\t\talign-items: flex-start;\n\t}\n\n\t.w-full {\n\t\twidth: 100%;\n\t}\n</style>\n\n"}]},{"title":"Theme","slug":"theme","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n  import SveltyPicker from \"svelty-picker\";\n</script>\n\nThe picker's mode responds to website light/dark mode setting.\n<SveltyPicker pickerOnly mode=\"datetime\" />\n\n<style>\n  :global(.dark) {\n    --sdt-bg-main: #585858;\n    --sdt-shadow-color: #777;\n    --sdt-color: #eee;\n    --sdt-clock-color: var(--sdt-color);\n    --sdt-clock-color-hover: var(--sdt-color);\n    --sdt-clock-time-bg: transparent;\n    --sdt-clock-time-bg-hover: transparent;\n    --sdt-clock-disabled: #b22222;\n    --sdt-clock-disabled-bg: var(--sdt-bg-main);\n    --sdt-clock-selected-bg: var(--sdt-bg-selected);\n    --sdt-header-color: #eee;\n    --sdt-bg-selected: #e1ac4a;\n    --sdt-table-disabled-date: #b22222;\n    --sdt-table-disabled-date-bg: var(--sdt-bg-main);\n    --sdt-table-data-bg-hover: #777;\n    --sdt-table-selected-bg: var(--sdt-bg-selected);\n    --sdt-header-btn-bg-hover: #777;\n    --sdt-color-selected: #fff;\n    --sdt-table-today-indicator: #ccc;\n    --sdt-clock-bg: #999;\n    /* custom buttons */\n    --sdt-today-bg: #e4a124;\n    --sdt-today-color: #fff;\n    --sdt-clear-color: #666;\n    --sdt-clear-bg: #ddd;\n    --sdt-clear-hover-color: #fff;\n    --sdt-clear-hover-bg: #dc3545;\n  }\n  :global(.light) {\n    --sdt-bg-main: #fff;\n    --sdt-shadow-color: #ccc;\n    --sdt-color: inherit;\n    --sdt-clock-color: var(--sdt-color);\n    --sdt-clock-color-hover: var(--sdt-color);\n    --sdt-clock-time-bg: transparent;\n    --sdt-clock-time-bg-hover: transparent;\n    --sdt-clock-disabled: #b22222;\n    --sdt-clock-disabled-bg: var(--sdt-bg-main);\n    --sdt-clock-selected-bg: var(--sdt-bg-selected);\n    --sdt-bg-selected: #286090;\n    --sdt-table-disabled-date: #b22222;\n    --sdt-table-disabled-date-bg: var(--sdt-bg-main);\n    --sdt-table-data-bg-hover: #eee;\n    --sdt-table-selected-bg: var(--sdt-bg-selected);\n    --sdt-header-btn-bg-hover: #dfdfdf;\n    --sdt-color-selected: #fff;\n    --sdt-table-today-indicator: #ccc;\n    --sdt-clock-bg: #eeeded;\n    /* custom buttons */\n    --sdt-today-bg: #1e486d;\n    --sdt-today-color: #fff;\n    --sdt-clear-color: #dc3545;\n    --sdt-clear-bg: #fff;\n    --sdt-clear-hover-color: #fff;\n    --sdt-clear-hover-bg: #dc3545;\n  }\n</style>\n"}]},{"title":"Localization","slug":"localization","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker, { config } from 'svelty-picker';\n\timport { de, jp } from 'svelty-picker/i18n';\n\n\t// all pickers set to german and to start week on saturday\n\tconfig.i18n = de;\n\tconfig.weekStart = 6;\n</script>\n\n\n<div class=\"flex\">\n\t<div>\n\t\t<h3>My german picker</h3>\n\t\t<SveltyPicker pickerOnly />\n\t</div>\n\t<div>\n\t\t<h3>Japanese override</h3>\n\t\t<SveltyPicker pickerOnly i18n={jp} />\n\t</div>\n</div>\n\n<style>\n\t.flex {\n\t\tdisplay: flex;\n\t\tgap: 1rem;\n\t}\n</style>\n"}]},{"title":"Global config","slug":"global-config","files":[{"name":"App.svelte","type":"svelte","content":"<script>\n\timport SveltyPicker, { config } from 'svelty-picker';\n\timport { de, jp } from 'svelty-picker/i18n';\n\n\t// all pickers set to german and to start week on saturday\n\tconfig.i18n = de;\n\tconfig.weekStart = 6;\n</script>\n\n<div style=\"display:flex;gap:1rem\">\n\t<div>\n\t\t<h3>My german picker (global) </h3>\n\t\t<SveltyPicker pickerOnly />\n\t</div>\n\t<div>\n\t\t<h3>Japanese override</h3>\n\t\t<SveltyPicker pickerOnly i18n={jp} weekStart={1} />\n\t</div>\n</div>\n"}]}]
\ No newline at end of file