15: code cleanup (#16)

osvalda · web-flow · commit e42b6ad8e8e1 · 2025-09-15T17:48:26.000+02:00
diff --git a/demo/index.html b/demo/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<title>Smart Time Input</title>
@@ -34,9 +35,11 @@
 	</style>
 
 </head>
+
 <body>
 	<h1>Smart Time Input</h1>
 	<div id="myApp"></div>
 	<script src="demo.js" type="text/javascript"></script>
 </body>
-</html>
+
+</html>
diff --git a/demo/index.jsx b/demo/index.jsx
@@ -3,22 +3,15 @@ import React from 'react'
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
-// import { SmartTimeInput } from './../src/smart-time-input.tsx'
 import { SmartTimeInput } from './../dist/smart-time-input.js'
 
 const InputWrapper = (props) => {
-    console.log("hello: " + props.helpText);
-    // const onTimeChangeHandler = (val) => {
-    //     if (val.length === 5) {
-    //     }
-    // }
 
     return (
         <SmartTimeInput
             initTime={props.init}
             placeholder={props.helpText}
             className='input'
-        // onTimeChange={onTimeChangeHandler}
         />
     );
 
@@ -27,8 +20,8 @@ const InputWrapper = (props) => {
 function App() {
     return (
         <div>
-            <InputWrapper init="12:34"/>
-            <InputWrapper helpText="HH:mm"/>
+            <InputWrapper init="12:34" />
+            <InputWrapper helpText="HH:mm" />
             <InputWrapper />
         </div>
     );
diff --git a/src/smart-time-input.tsx b/src/smart-time-input.tsx
@@ -2,26 +2,18 @@ import React, { useState } from 'react'
 import { is24hTime, addColonToTime, completeTime } from './utils';
 
 interface SmartTimeInputProps extends React.PropsWithChildren {
-    id?: string;
     initTime?: string;
-    disabled?: boolean;
-    placeholder?: string;
     className?: string;
     divClassName?: string;
-    name?: string;
     ref?: React.Ref<HTMLInputElement>;
     onFocusHandler?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onTimeChange?: (val: string) => void;
     onBlurHandlerSuper?: (e: React.FocusEvent<HTMLInputElement>) => void;
 }
 const SmartTimeInput: React.FC<SmartTimeInputProps> = ({
-    id,
     initTime,
-    disabled,
-    placeholder,
     className,
     divClassName,
-    name,
     ref,
     onFocusHandler,
     onTimeChange,
@@ -57,12 +49,8 @@ const SmartTimeInput: React.FC<SmartTimeInputProps> = ({
     return (
         <div className={divClassName}>
             <input
-                id={id}
-                name={name}
                 className={className}
                 type={'text'}
-                disabled={disabled}
-                placeholder={placeholder}
                 value={time}
                 onChange={(e) => handleTimeChange(e.target.value)}
                 onBlur={(e) => autoExtendTime(e)}
