import { Button } from '@/components/ui/button'; import { Calendar } from "@/components/ui/calendar"; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Field, FieldError } from "@/components/ui/field"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover"; import { Textarea } from '@/components/ui/textarea'; import userRoutes from '@/routes/user'; import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft, Loader, Save } from 'lucide-react'; import React from 'react'; import { NumericFormat } from 'react-number-format'; import { toast } from 'sonner'; export default function UserCreate() { const [isCalendarOpen, setIsCalendarOpen] = React.useState(false); const { data, setData, post, processing, errors } = useForm({ username: '', email: '', nik: '', full_name: '', phone_number: '', address: '', birth_place: '', birth_date: '', base_salary: 0, }); const onSubmit = (e: React.FormEvent) => { e.preventDefault(); post(userRoutes.store().url, { onSuccess: (response: any) => { toast.success(response.props.flash.success); }, }); }; return (

Tambah Pegawai

Informasi Profil
setData('full_name', e.target.value)} autoComplete='off' placeholder='Contoh: John Doe' /> setData('nik', e.target.value)} autoComplete='off' placeholder='Contoh: 3213051307900001' maxLength={16} /> setData('phone_number', e.target.value)} autoComplete='off' placeholder='Contoh: 08123456789' /> { setData('base_salary', values.floatValue || 0) }} placeholder="Rp 0" autoComplete='off' /> setData('birth_place', e.target.value)} autoComplete='off' placeholder='Contoh: Jakarta' /> { if (selectedDate) { setData('birth_date', selectedDate.getFullYear() + "-" + String(selectedDate.getMonth() + 1).padStart(2, '0') + "-" + String(selectedDate.getDate()).padStart(2, '0')); } else { setData('birth_date', ''); } setIsCalendarOpen(false); }} />