Formsy

js

    return (
      <Formsy.Form ref={(form) => {this.formsyForm = form;}} onSubmit={(model) => { onSubmit(model); }} onValid={this.enableButton} onInvalid={this.disableButton}>
        <Dialog
          title="Tạo bill mới"
          actions={actions}
          open={selectedBill.editing}
        >
          <BillInput name='bill[full_name]' isSmall={true} required label="Họ Tên" value={selectedBill.full_name} validations="isExisty" errorMessage="Điền họ tên vào nhé người đẹp"/>
          <BillPhoneNumberInput name='bill[phone_number]' isSmall={true} label="Số điện thoại" value={selectedBill.phone_number} required validations="maxLength:13" validationError="Số ĐT tối đa 11 số"/>
          <BillAddressInput name='bill[ship_address]' label="Địa chỉ" value={selectedBill.ship_address} requied/>
          <BillInput name='bill[purchase_detail]' label="Đặt mua" value={selectedBill.purchase_detail} required/>
          <BillDateInput name='bill[ship_at]' label="Ngày giao hàng" value={new Date(selectedBill.ship_at)} required/>
          <BillNumberInput name='bill[price]' isSmall={true} label="Tổng thu" value={selectedBill.price} required validationError="Chỉ được nhập số" type='price'/>
          <BillInput name='bill[note]' label="Ghi chú thêm" value={selectedBill.note} />
          <BillCheckboxInput name='bill[hidden_price]' isSmall={true} label="Ẩn giá" value={selectedBill.hidden_price} />
        </Dialog>
      </Formsy.Form>
    )