feat(DateField): Add support for class and classes props, add `Da…

…teField` class, pass `$$restProps`

.changeset/silver-penguins-jam.md

@@ -0,0 +1,5 @@
+---
+'svelte-ux': minor
+---
+
+Add support for passing `class` and `classes` props to the DateField component

packages/svelte-ux/src/lib/components/DateField.svelte

@@ -3,6 +3,7 @@
   import { parse as parseDate } from 'date-fns';
   import { PeriodType } from '../utils';
   import { getComponentSettings, getSettings } from './settings';
+  import { cls } from '../utils/styles';
 
   import Field from './Field.svelte';
 
@@ -32,6 +33,15 @@
   export let rounded = false;
   export let dense = false;
   export let icon: string | null = null;
+  export let classes: {
+    root?: string;
+    container?: string;
+    label?: string;
+    input?: string;
+    error?: string;
+    prepend?: string;
+    append?: string;
+  } = {};
 
   let inputValue: string | undefined = '';
 
@@ -49,6 +59,7 @@
 </script>
 
 <Field
+  {...$$restProps}
   {label}
   {value}
   {icon}
@@ -65,6 +76,8 @@
     inputValue = undefined;
     dispatch('change', { value });
   }}
+  {classes}
+  class={cls('DateField', $$props.class)}
   let:id
 >
   <Input