fix: add FiniteGrid, update prettier/readme

.prettierrc

@@ -3,5 +3,13 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-  "svelteBracketNewLine": true
+  "svelteBracketNewLine": true,
+  "overrides": [
+    {
+      "files": "*.md",
+      "options": {
+        "useTabs": false
+      }
+    }
+  ]
 }

README.md

@@ -10,34 +10,34 @@ A small date picker built with Svelte 3. Demo available here: [view docs and exa
 npm i -D svelte-calendar
 ```
 
+## Features
+
+- Day, Month & Year pickers
+- Responsive
+- Keyboard, touch, and scroll support
+- Inline & Picker modes
+- Virtual/infinite grid for animation performance
+- Store-driven and extensible
+- [Localization](https://6edesign.github.io/svelte-calendar) using `day.js`
+
 ## Usage within svelte-kit project
 
 When using this component within a svelte-kit application it is necessary to add its two dependencies (`just-throttle` and `dayjs`) to the `config.kit.vite.optimizeDeps.include` array in `svelte.config.js`. Eg: your config should include the following:
 
 ```js
 const config = {
-	kit: {
-		vite: {
-			optimizeDeps: {
-				include: ['just-throttle', 'dayjs']
-			}
-		}
-	}
+  kit: {
+    vite: {
+      optimizeDeps: {
+        include: ['just-throttle', 'dayjs']
+      }
+    }
+  }
 };
 
 export default config;
 ```
 
-## Features
-
-- Day, Month & Year pickers
-- Responsive
-- Keyboard, touch, and scroll support
-- Inline & Picker modes
-- Virtual/infinite grid for animation performance
-- Store-driven and extensible
-- [Localization](https://6edesign.github.io/svelte-calendar) using `day.js`
-
 ## Features In Development
 
 - time picker

src/lib/components/generic/FiniteGrid.svelte

@@ -0,0 +1,17 @@
+<script>
+	import InfiniteGrid from './InfiniteGrid.svelte';
+
+	export let value;
+	export let values;
+	export let index = 0;
+
+	const cellCount = 1;
+	const get = (i) => ({ value: values[i] });
+
+	$: itemCount = values.length;
+	$: index = values.indexOf(value);
+</script>
+
+<InfiniteGrid {cellCount} {itemCount} {index} {get} let:value>
+	<slot {value} />
+</InfiniteGrid>