u

src/components/article/ArticleSupplierDialog.jsx

@@ -9,7 +9,7 @@ import DialogTitle from '@mui/material/DialogTitle';
 import InputAdornment from '@mui/material/InputAdornment';
 import MenuItem from '@mui/material/MenuItem';
 import Stack from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
+import TextInput from '../TextInput';
 import Typography from '@mui/material/Typography';
 import { companyTaxRateOptions } from '../../utils/articleDetail';
 import { formatPriceAmount, parsePriceInput } from '../../utils/price';
@@ -135,7 +135,7 @@ export default class ArticleSupplierDialog extends PureComponent {
                   value={selectedSupplier}
                   onChange={(_e, val) => this.setState({ entityId: val ? val.id : null })}
                   renderInput={(params) => (
-                    <TextField
+                    <TextInput
                       {...params}
                       label="Lieferant auswählen"
                       required
@@ -146,7 +146,7 @@ export default class ArticleSupplierDialog extends PureComponent {
                 />
               )}
 
-              <TextField
+              <TextInput
                 label="Lieferanten-Artikelnummer (SKU)"
                 value={sku}
                 onChange={(e) => this.setState({ sku: e.target.value })}
@@ -155,22 +155,22 @@ export default class ArticleSupplierDialog extends PureComponent {
               />
 
               <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>
-                <TextField
+                <TextInput
                   label="Verpackungseinheit (VPE / PU)"
                   type="number"
                   required
                   error={!puValid}
                   helperText={!puValid ? 'Muss größer als 0 sein' : undefined}
-                  inputProps={{ step: 'any', min: 0.0001 }}
+                  slotProps={{ htmlInput: { step: 'any', min: 0.0001 } }}
                   value={pu}
                   onChange={(e) => this.setState({ pu: e.target.value })}
                   sx={{ flex: 1 }}
                 />
 
-                <TextField
+                <TextInput
                   label="Bestand beim Lieferanten"
                   type="number"
-                  inputProps={{ step: 'any', min: 0 }}
+                  slotProps={{ htmlInput: { step: 'any', min: 0 } }}
                   value={stock}
                   onChange={(e) => this.setState({ stock: e.target.value })}
                   sx={{ flex: 1 }}
@@ -179,7 +179,7 @@ export default class ArticleSupplierDialog extends PureComponent {
               </Stack>
 
               <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>
-                <TextField
+                <TextInput
                   label="Einkaufspreis Netto"
                   value={netPrice}
                   onChange={(e) => this.setState({ netPrice: e.target.value })}
@@ -193,7 +193,7 @@ export default class ArticleSupplierDialog extends PureComponent {
                   helperText="Optionaler Einkaufspreis (EK)"
                 />
 
-                <TextField
+                <TextInput
                   select
                   label="MwSt.-Satz"
                   value={taxRate}
@@ -208,7 +208,7 @@ export default class ArticleSupplierDialog extends PureComponent {
                       {rate} %
                     </MenuItem>
                   ))}
-                </TextField>
+                </TextInput>
               </Stack>
             </Stack>
           </DialogContent>