refactor: update NumberInput usage to utilize defaultValue and improve field handling in forms

apps/infoalloggi/src/components/custom_ui/InputNumber.tsx

@@ -152,6 +152,7 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
 						className="h-1/2 rounded-l-none rounded-br-none border-input border-b-[0.5px] border-l-0 px-2 focus-visible:relative"
 						disabled={value === max}
 						onClick={handleIncrement}
+						type="button"
 						variant="outline"
 					>
 						<ChevronUp size={15} />
@@ -161,6 +162,7 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
 						className="h-1/2 rounded-l-none rounded-tr-none border-input border-t-[0.5px] border-l-0 px-2 focus-visible:relative"
 						disabled={value === min}
 						onClick={handleDecrement}
+						type="button"
 						variant="outline"
 					>
 						<ChevronDown size={15} />

apps/infoalloggi/src/components/servizio/admin_conferma.tsx

@@ -620,6 +620,7 @@ const StabileSection = () => {
 				<span className="font-semibold">Budget (da preferenze servizio):</span>
 				<NumberInput
 					allowNegative={false}
+					defaultValue={value}
 					min={0}
 					onValueChange={(val) => {
 						if (val !== undefined) {
@@ -628,7 +629,6 @@ const StabileSection = () => {
 					}}
 					stepper={50}
 					suffix=" €"
-					value={value}
 				/>
 			</div>
 			<p>

apps/infoalloggi/src/forms/FormEditAnnuncio.tsx

@@ -1004,30 +1004,34 @@ export const AnnuncioEditForm = ({ data }: { data: AnnunciWithMedia }) => {
 										<FormField
 											control={form.control}
 											name="prezzo"
-											render={({ field }) => (
+											render={({ field }) => {
-												<FormItem>
+												const { value, onChange, ...rest } = field;
-													<div className="flex flex-wrap items-center gap-x-2">
-														<FormLabel htmlFor="prezzo">Prezzo</FormLabel>{" "}
-														<FormMessage />
-													</div>
 
-													<FormControl>
+												return (
-														<NumberInput
+													<FormItem>
-															suffix=" €"
+														<div className="flex flex-wrap items-center gap-x-2">
-															{...field}
+															<FormLabel htmlFor="prezzo">Prezzo</FormLabel>{" "}
-															decimalScale={2}
+															<FormMessage />
-															decimalSeparator=","
+														</div>
-															fixedDecimalScale
+
-															id="prezzo"
+														<FormControl>
-															min={0}
+															<NumberInput
-															onValueChange={(v) => {
+																decimalScale={2}
-																field.onChange((v || 0) * 100);
+																{...rest}
-															}}
+																decimalSeparator=","
-															value={Number(field.value) / 100}
+																defaultValue={Number(value) / 100}
-														/>
+																fixedDecimalScale
-													</FormControl>
+																id="prezzo"
-												</FormItem>
+																min={0}
-											)}
+																onValueChange={(v) => {
+																	onChange((Number(v) || 0) * 100);
+																}}
+																suffix=" €"
+															/>
+														</FormControl>
+													</FormItem>
+												);
+											}}
 										/>
 									}
 									children2={

apps/infoalloggi/src/forms/FormPrezzo.tsx

@@ -409,30 +409,36 @@ export const FormPrezzo = ({
 							<FormField
 								control={form.control}
 								name="prezzo_cent"
-								render={({ field }) => (
+								render={({ field }) => {
-									<FormItem>
+									const { value, onChange, ...rest } = field;
-										<div className="flex flex-wrap items-center gap-x-2">
+
-											<FormLabel htmlFor="prezzo">Prezzo</FormLabel>
+									return (
-											<FormMessage />
+										<FormItem>
-										</div>
+											<div className="flex flex-wrap items-center gap-x-2">
-										<FormControl>
+												<FormLabel htmlFor="prezzo">Prezzo</FormLabel>{" "}
-											<NumberInput
+												<FormMessage />
-												suffix=" €"
+											</div>
-												{...field}
+
-												decimalScale={2}
+											<FormControl>
-												decimalSeparator=","
+												<NumberInput
-												fixedDecimalScale
+													decimalScale={2}
-												id="prezzo"
+													{...rest}
-												min={0}
+													decimalSeparator=","
-												onValueChange={(v) => {
+													defaultValue={Number(value) / 100}
-													field.onChange((v || 0) * 100);
+													fixedDecimalScale
-												}}
+													id="prezzo"
-												value={Number(field.value) / 100}
+													min={0}
-											/>
+													onValueChange={(v) => {
-										</FormControl>
+														onChange((Number(v) || 0) * 100);
-									</FormItem>
+													}}
-								)}
+													suffix=" €"
+												/>
+											</FormControl>
+										</FormItem>
+									);
+								}}
 							/>
+
 							<FormField
 								control={form.control}
 								name="sconto"