|
|
@ -688,33 +688,7 @@ const StockPage: React.FC = () => { |
|
|
|
/> |
|
|
|
/> |
|
|
|
{/* 購入日・消費期限を横並びに */} |
|
|
|
{/* 購入日・消費期限を横並びに */} |
|
|
|
<Box sx={{ display: 'flex', gap: 2, mb: 2 }}> |
|
|
|
<Box sx={{ display: 'flex', gap: 2, mb: 2 }}> |
|
|
|
|
|
|
|
|
|
|
|
{/* 購入価格入力フィールド */} |
|
|
|
|
|
|
|
<TextField |
|
|
|
|
|
|
|
margin="dense" |
|
|
|
|
|
|
|
label="購入価格" |
|
|
|
|
|
|
|
fullWidth |
|
|
|
|
|
|
|
value={newStock.price} |
|
|
|
|
|
|
|
onChange={(e) => { |
|
|
|
|
|
|
|
const value = e.target.value; |
|
|
|
|
|
|
|
const parsedValue = parseInt(value, 10); // 数値に変換
|
|
|
|
|
|
|
|
if (isNaN(parsedValue) || parsedValue >= 0) { // 入力欄をいったん空欄にできるようにする,ただし空欄でない場合は0以上のみOK
|
|
|
|
|
|
|
|
setNewStock({ ...newStock, price: parsedValue }); // number型で保存
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
// sx={{ width: "50%" }}
|
|
|
|
|
|
|
|
type="number" |
|
|
|
|
|
|
|
inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }} // ここで整数のみ許可
|
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
{/* 購入店舗入力フィールド */} |
|
|
|
|
|
|
|
<TextField |
|
|
|
|
|
|
|
margin="dense" |
|
|
|
|
|
|
|
label="購入店舗" |
|
|
|
|
|
|
|
fullWidth |
|
|
|
|
|
|
|
value={newStock.shop} |
|
|
|
|
|
|
|
onChange={(e) => setNewStock({ ...newStock, shop: e.target.value })} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* 購入日・賞味期限入力 */} |
|
|
|
{/* 購入日・賞味期限入力 */} |
|
|
|
<BuyExpDateSelect newStock={newStock} setNewStock={({ buyDate, expDate }) => setNewStock({ ...newStock, buyDate, expDate })} /> |
|
|
|
<BuyExpDateSelect newStock={newStock} setNewStock={({ buyDate, expDate }) => setNewStock({ ...newStock, buyDate, expDate })} /> |
|
|
|
|
|
|
|
|
|
|
|