Issue #585: Date input by keyword issue

src/Input.svelte

@@ -27,6 +27,8 @@
   export let type = 'text';
   export let valid = false;
   export let value = '';
+  export let max = undefined;
+  export let min = undefined;
 
   let classes;
   let tag;
@@ -257,6 +259,8 @@
       bind:this={inner}
       {readonly}
       {name}
+      {max}
+      {min}
       {disabled}
       {placeholder}
     />
@@ -276,6 +280,8 @@
       bind:this={inner}
       {disabled}
       {name}
+      {max}
+      {min}
       {placeholder}
       {readonly}
     />
@@ -295,6 +301,8 @@
       bind:this={inner}
       {disabled}
       {name}
+      {max}
+      {min}
       {placeholder}
       {readonly}
     />
@@ -314,6 +322,8 @@
       {readonly}
       class={classes}
       {name}
+      {max}
+      {min}
       {disabled}
       {placeholder}
     />
@@ -333,6 +343,8 @@
       bind:this={inner}
       {disabled}
       {name}
+      {max}
+      {min}
       {placeholder}
       {readonly}
     />
@@ -352,6 +364,8 @@
       bind:this={inner}
       {disabled}
       {name}
+      {max}
+      {min}
       {placeholder}
       {readonly}
     />
@@ -390,6 +404,8 @@
       {readonly}
       class={classes}
       {name}
+      {max}
+      {min}
       {disabled}
       {placeholder}
     />
@@ -449,6 +465,8 @@
       bind:this={inner}
       {disabled}
       {name}
+      {max}
+      {min}
       {placeholder}
       {readonly}
     />

src/__test__/Input.spec.js

@@ -80,6 +80,18 @@ describe('Input', () => {
     expect(input.disabled).toBe(true);
   });
 
+  test('should render max', () => {
+    const container = renderInput({ type: 'date', max: '07-01-1987' });
+    const input = container.querySelector('input');
+    expect(input.getAttribute('max')).toBe('07-01-1987');
+  });
+
+  test('should render min', () => {
+    const container = renderInput({ type: 'date', min: '07-01-1987' });
+    const input = container.querySelector('input');
+    expect(input.getAttribute('min')).toBe('07-01-1987');
+  });
+
   test('should render readonly', () => {
     const container = renderInput({ readonly: true });
     const input = container.querySelector('input');