src/components/floor-plan/modal/roofShape/type/option/HipAndGable.jsx

@@ -11,20 +11,8 @@ export default function HipAndGable({ pitch, setPitch, eavesOffset, setEavesOffs
           {getMessage('slope')}
         </span>
         <div className="input-grid mr5" style={{ width: '100px' }}>
-          {/*<input type="text" className="input-origin block" value={pitch}*/}
-          {/*       onChange={(e) => setPitch(normalizeDecimalLimit(e.target.value, 2))} />*/}
-          <CalculatorInput
-            id=""
-            name=""
-            label=""
-            className="input-origin block"
-            value={pitch}
-            onChange={(value) => setPitch(value)}
-            options={{
-              allowNegative: false,
-              allowDecimal: true //(index !== 0),
-            }}
-          ></CalculatorInput>
+          <input type="text" className="input-origin block" value={pitch}
+                 onChange={(e) => setPitch(normalizeDecimalLimit(e.target.value, 2))} />
         </div>
         <span className="thin">{pitchText}</span>
       </div>
@@ -33,21 +21,8 @@ export default function HipAndGable({ pitch, setPitch, eavesOffset, setEavesOffs
           {getMessage('eaves.offset')}
         </span>
         <div className="input-grid mr5" style={{ width: '100px' }}>
-          {/*<input type="text" className="input-origin block" value={eavesOffset}*/}
-          {/*       onChange={(e) => setEavesOffset(normalizeDigits(e.target.value))} />*/}
-          <CalculatorInput
-            id=""
-            name=""
-            label=""
-            className="input-origin block"
-            value={eavesOffset}
-            onChange={(value) => setEavesOffset(value)}
-            options={{
-              allowNegative: false,
-              allowDecimal: false //(index !== 0),
-            }}
-          ></CalculatorInput>
-
+          <input type="text" className="input-origin block" value={eavesOffset}
+                 onChange={(e) => setEavesOffset(normalizeDigits(e.target.value))} />
         </div>
         <span className="thin">mm</span>
       </div>

src/components/floor-plan/modal/roofShape/type/option/Jerkinhead.jsx

@@ -19,8 +19,8 @@ export default function Jerkinhead({
           {getMessage('gable.offset')}
         </span>
         <div className="input-grid mr5" style={{ width: '100px' }}>
-          {/*<input type="text" className="input-origin block" value={gableOffset}*/}
-          {/*       onChange={(e) => setGableOffset(normalizeDigits(e.target.value))} />*/}
+          <input type="text" className="input-origin block" value={gableOffset}
+                 onChange={(e) => setGableOffset(normalizeDigits(e.target.value))} />
           <CalculatorInput
             id=""
             name=""

src/components/floor-plan/modal/roofShape/type/option/Shed.jsx

@@ -1,6 +1,5 @@
 import { useMessage } from '@/hooks/useMessage'
 import { normalizeDecimalLimit, normalizeDigits } from '@/util/input-utils'
-import { CalculatorInput } from '@/components/common/input/CalcInput'
 
 export default function Shed({ shedWidth, setShedWidth, shedPitch, setShedPitch, pitchText }) {
   const { getMessage } = useMessage()
@@ -9,40 +8,16 @@ export default function Shed({ shedWidth, setShedWidth, shedPitch, setShedPitch,
       <div className="outline-form mb10">
         <span className="mr10">{getMessage('slope')}</span>
         <div className="input-grid mr5" style={{ width: '100px' }}>
-          {/*<input type="text" className="input-origin block" value={shedPitch}*/}
-          {/*       onChange={(e) => setShedPitch(normalizeDecimalLimit(e.target.value, 2))} />*/}
-          <CalculatorInput
-            id=""
-            name=""
-            label=""
-            className="input-origin block"
-            value={shedPitch}
-            onChange={(value) => setShedPitch(value)}
-            options={{
-              allowNegative: false,
-              allowDecimal: true //(index !== 0),
-            }}
-          ></CalculatorInput>
+          <input type="text" className="input-origin block" value={shedPitch}
+                 onChange={(e) => setShedPitch(normalizeDecimalLimit(e.target.value, 2))} />
         </div>
         <span className="thin">{pitchText}</span>
       </div>
       <div className="outline-form">
         <span className="mr10">{getMessage('shed.width')}</span>
         <div className="input-grid mr5" style={{ width: '100px' }}>
-          {/*<input type="text" className="input-origin block" value={shedWidth}*/}
-          {/*       onChange={(e) => setShedWidth(normalizeDigits(e.target.value))} />*/}
-          <CalculatorInput
-            id=""
-            name=""
-            label=""
-            className="input-origin block"
-            value={shedWidth}
-            onChange={(value) => setShedWidth(value)}
-            options={{
-              allowNegative: false,
-              allowDecimal: false //(index !== 0),
-            }}
-          ></CalculatorInput>
+          <input type="text" className="input-origin block" value={shedWidth}
+                 onChange={(e) => setShedWidth(normalizeDigits(e.target.value))} />
         </div>
         <span className="thin">mm</span>
       </div>