feat: add styles to nepali date input

src/App.tsx

@@ -32,10 +32,17 @@ function App() {
               <input
                 name="date3"
                 placeholder="Custom Input"
-                style={{ height: 32, width: '100%' }}
+                className="customClassName"
+                style={{
+                  height: 40,
+                  width: '100%',
+                  padding: '4px',
+                  fontSize: '18px',
+                }}
               />
             }
           />
+          <hr />
           <button type="submit">Submit</button>
         </form>
       </div>

src/components/core/NepaliDateInput/NepaliDateInput.module.scss

@@ -1,5 +1,11 @@
 .nepaliDateInput {
   width: 100%;
+  padding: 4px 8px;
+  line-height: 22px;
+  border-radius: 5px;
+  border-width: 1px;
+  border-style: solid;
+  outline: 0;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;

src/components/core/NepaliDateInput/NepaliDateInput.tsx

@@ -25,7 +25,7 @@ const NepaliDateInput: React.FC<INepaliDateInputProps> = ({
 
   const handleBlur = () => onComplete?.()
 
-  const inputProps = {
+  const defaultInputProps = {
     ...rest,
     value,
     onChange,
@@ -34,17 +34,25 @@ const NepaliDateInput: React.FC<INepaliDateInputProps> = ({
     onBlur: handleBlur,
     className: classNames(
       'ndt-date-input',
-      styles.nepaliDateInput,
       hasError && styles.nepaliDateInputError,
       className
     ),
   }
 
   if (inputElement) {
-    return cloneElement(inputElement, inputProps)
+    return cloneElement(inputElement, defaultInputProps)
   }
 
-  return <input type="text" {...inputProps} />
+  const nepaliDateInputProps = {
+    ...defaultInputProps,
+    className: classNames(
+      'ndt-date-input',
+      hasError && styles.nepaliDateInputError,
+      className,
+      styles.nepaliDateInput
+    ),
+  }
+  return <input type="text" {...nepaliDateInputProps} />
 }
 
 export default NepaliDateInput

src/index.css

@@ -42,7 +42,7 @@ button {
   font-size: 1em;
   font-weight: 500;
   font-family: inherit;
-  background-color: #1a1a1a;
+  background-color: rgba(0, 0, 0, 0.5);
   cursor: pointer;
   transition: border-color 0.25s;
 }