fix(#1380): Modify step value on Input. Modify time documentation to …

…use string.
GovAlta · Sep 22, 2023 · 5f24124 · 5f24124
1 parent c61f186
commit 5f24124
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/libs/docs/src/components/common/Input.stories.mdx b/libs/docs/src/components/common/Input.stories.mdx
@@ -780,7 +780,7 @@ export const DateTemplate = () => {
 #### Time
 
 export const TimeComponent = () => {
-  const [date, setDate] = useState(new Date());
+  const [date, setDate] = useState("12:12");
   return <GoAInputTime name="timeExample" value={date} step={1} />;
 };
 
@@ -793,7 +793,7 @@ export const TimeComponent = () => {
         import { format } from "date-fns";
         import { FormControl } from "@angular/forms";
         export class MyComponent {
-          time = format(new Date(), "HH:mm:ss");
+          time = "12:12";
           reactiveTimeFormCtrl = new FormControl(this.time);
         }
       `}
@@ -817,11 +817,11 @@ export const TimeComponent = () => {
   <Tab label="React">
     <CodeSnippet
       code={`
-        const [date, setDate] = useState(new Date());
+        const [time, setTime] = useState<string>("12:12");
         return (
           <GoAInputTime
             name="timeExample"
-            value={date}
+            value={time}
             step={1}
           />
         )

diff --git a/libs/web-components/src/components/input/Input.svelte b/libs/web-components/src/components/input/Input.svelte
@@ -46,7 +46,7 @@
   export let arialabelledby: string = null;
   export let min: string = "";
   export let max: string = "";
-  export let step: number = 1;
+  export let step: number = 60;
   export let prefix: string = "";
   export let suffix: string = "";
   export let debounce: number = 0;