exl-1134-booking-qa.eks.yojee.com
Open in
urlscan Pro
108.138.17.49
Public Scan
URL:
https://exl-1134-booking-qa.eks.yojee.com/
Submission: On March 29 via automatic, source certstream-suspicious — Scanned from DE
Submission: On March 29 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 5 forms found in the DOM
<form class="new-booking-order-form" novalidate="">
<div class="custom-field cat-order field-external_id " data-cy="external_id">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">External ID</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-order field-service_type_name " data-cy="service_type_name">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense Mui-required Mui-required" data-shrink="true">Service Type<span aria-hidden="true"
class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-service_type_name MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" required=""
decimal="1" data-cy="order-service-type-select">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0006-0001" id="uniforms-0006-0001"><em>Please choose</em></div><input name="service_type_name" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0006-0001" required="" value=""><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-order field-packing_mode " data-cy="packing_mode">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true">Packing Mode</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-packing_mode MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" decimal="1"
data-cy="order-mode-select">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0006-0003" id="uniforms-0006-0003"><em>Please choose</em></div><input name="packing_mode" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0006-0003" value=""><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
</form><form class="form-body-section new-booking-step-form " novalidate="">
<div class="new-booking-step-form-header ">
<div class="flex align-center"><button class="MuiButtonBase-root MuiIconButton-root" tabindex="0" type="button" aria-label="settings"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24"
aria-hidden="true">
<path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button>
<div class="custom-field cat-task field-type " data-cy="type">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled Mui-required Mui-required" data-shrink="true">Task Type<span
aria-hidden="true" class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-type MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" required="" decimal="1"
data-cy="step-task-type-select">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0008-0000" id="uniforms-0008-0000">Pickup</div><input name="type" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0008-0000" required="" value="pickup"><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
</div>
<div>
<div><button class="MuiButtonBase-root MuiButton-root MuiButton-text jss4 jss1043 jss7 jss1045 jss34 MuiButton-textSizeSmall MuiButton-sizeSmall" tabindex="0" type="button"><span class="MuiButton-label">Clear</span><span
class="MuiTouchRipple-root"></span></button></div>
</div>
</div>
<div class="MuiCollapse-root step-wrapper-fields MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div class="custom-field cat-task field-address " data-cy="address">
<div class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon" role="combobox" aria-expanded="false">
<div class="MuiFormControl-root MuiTextField-root form-field-address MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense Mui-required Mui-required" data-shrink="true" for="uniforms-0008-0002"
id="uniforms-0008-0002-label">Address Line 1<span aria-hidden="true" class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiAutocomplete-inputRoot MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd MuiInputBase-marginDense MuiInput-marginDense">
<input aria-invalid="false" autocomplete="new-password" required="" type="text"
class="MuiInputBase-input MuiInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd MuiInputBase-inputMarginDense MuiInput-inputMarginDense" aria-autocomplete="both" autocapitalize="none"
spellcheck="false" maxlength="255" data-cy="step-address" value="" id="mui-36738">
<div class="MuiAutocomplete-endAdornment"><button class="MuiButtonBase-root MuiIconButton-root MuiAutocomplete-clearIndicator MuiAutocomplete-clearIndicatorDirty" tabindex="-1" type="button" aria-label="Clear" title="Clear"><span
class="MuiIconButton-label"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button></div>
</div>
</div>
</div>
</div>
<div class="custom-field cat-task field-address2 " data-cy="address2">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Address Line 2</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="#03-01" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-country " data-cy="country">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Country</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="Singapore" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-postal_code " data-cy="postal_code">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Postal Code</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="068896" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-state " data-cy="state">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">State</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-city " data-cy="city">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">City</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-timezone " data-cy="timezone">
<div class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon" role="combobox" aria-expanded="false">
<div class="MuiFormControl-root MuiTextField-root form-field-timezone MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled" data-shrink="true" for="uniforms-0008-0008"
id="uniforms-0008-0008-label">Timezone</label>
<div
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiAutocomplete-inputRoot MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd MuiInputBase-marginDense MuiInput-marginDense">
<input aria-invalid="false" autocomplete="off" type="text"
class="MuiInputBase-input MuiInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd MuiInputBase-inputMarginDense MuiInput-inputMarginDense" aria-autocomplete="both" autocapitalize="none"
spellcheck="false" value="Singapore" id="mui-23070">
<div class="MuiAutocomplete-endAdornment"><button class="MuiButtonBase-root MuiIconButton-root MuiAutocomplete-clearIndicator MuiAutocomplete-clearIndicatorDirty" tabindex="-1" type="button" aria-label="Clear" title="Clear"><span
class="MuiIconButton-label"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button><button class="MuiButtonBase-root MuiIconButton-root MuiAutocomplete-popupIndicator" tabindex="-1" type="button" aria-label="Open" title="Open"><span
class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button></div>
</div>
</div>
</div>
</div>
<div class="custom-field cat-task field-from_time " data-cy="from_time">
<div class="MuiFormControl-root-1047 MuiTextField-root-1046 form-field-from_time jss45 MuiFormControl-marginDense-1049" readonly="" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-1059 MuiInputLabel-root-1051 MuiInputLabel-formControl-1053 MuiInputLabel-animated-1056 MuiInputLabel-shrink-1055 MuiInputLabel-marginDense-1054 Mui-required Mui-required" data-shrink="true"
for="uniforms-0008-0009" id="uniforms-0008-0009-label">Pickup Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1062 MuiInputLabel-asterisk-1052"> *</span></label>
<div class="MuiInputBase-root-1074 MuiInput-root-1063 jss46 MuiInputBase-formControl-1075 MuiInput-formControl-1064 MuiInputBase-adornedEnd-1077 MuiInputBase-marginDense-1078 MuiInput-marginDense-1067"><input aria-invalid="false"
id="uniforms-0008-0009" name="" placeholder="yyyy/mm/dd" readonly="" required="" type="text"
class="MuiInputBase-input-1082 MuiInput-input-1070 jss47 MuiInputBase-inputAdornedEnd-1087 MuiInputBase-inputMarginDense-1083 MuiInput-inputMarginDense-1071 jss48" value="">
<div class="MuiInputAdornment-root-1089 MuiInputAdornment-positionEnd-1092 MuiInputAdornment-marginDense-1095"><button class="MuiButtonBase-root-1104 MuiIconButton-root-1096" tabindex="0" type="button"><span
class="MuiIconButton-label-1103"><svg class="MuiSvgIcon-root-1105" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1493"></span></button></div>
</div>
</div>
</div>
<div class="custom-field cat-task field-from_time_time field-hidden" data-cy="from_time_time">
<div><span class="jss151">From Time<span> *</span></span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-from_time_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0008-000e"
value=""><svg class="MuiSvgIcon-root-1133 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
<div class="custom-field cat-task field-to_time field-hidden" data-cy="to_time">
<div class="MuiFormControl-root-1143 MuiTextField-root-1142 form-field-to_time jss45 MuiFormControl-marginDense-1145" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-1155 MuiInputLabel-root-1147 MuiInputLabel-formControl-1149 MuiInputLabel-animated-1152 MuiInputLabel-shrink-1151 MuiInputLabel-marginDense-1150 Mui-required Mui-required" data-shrink="true"
for="uniforms-0008-000f" id="uniforms-0008-000f-label">To Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1158 MuiInputLabel-asterisk-1148"> *</span></label>
<div class="MuiInputBase-root-1170 MuiInput-root-1159 jss46 MuiInputBase-formControl-1171 MuiInput-formControl-1160 MuiInputBase-adornedEnd-1173 MuiInputBase-marginDense-1174 MuiInput-marginDense-1163"><input aria-invalid="false"
id="uniforms-0008-000f" name="" placeholder="yyyy/mm/dd" required="" type="text"
class="MuiInputBase-input-1178 MuiInput-input-1166 jss47 MuiInputBase-inputAdornedEnd-1183 MuiInputBase-inputMarginDense-1179 MuiInput-inputMarginDense-1167 jss48" value="">
<div class="MuiInputAdornment-root-1185 MuiInputAdornment-positionEnd-1188 MuiInputAdornment-marginDense-1191"><button class="MuiButtonBase-root-1200 MuiIconButton-root-1192" tabindex="0" type="button"><span
class="MuiIconButton-label-1199"><svg class="MuiSvgIcon-root-1201" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1503"></span></button></div>
</div>
</div>
</div>
<div class="custom-field cat-task field-to_time_time field-hidden" data-cy="to_time_time">
<div><span class="jss151">To Time<span> *</span></span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-to_time_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0008-000i" value=""><svg
class="MuiSvgIcon-root-1229 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
<div class="custom-field cat-task field-period_of_time " data-cy="period_of_time">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true">Pickup Time</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-period_of_time MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" decimal="1"
inputlabelprops="[object Object]">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0008-000m" id="uniforms-0008-000m"><span></span></div><input name="period_of_time" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0008-000m" value=""><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-task field-contact_name " data-cy="contact_name">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Contact Name</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="Yojee Ops" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-contact_phone " data-cy="contact_phone">
<div class="MuiFormControl-root MuiTextField-root ui-phone-number-field MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled" data-shrink="true" for="uniforms-0008-000v"
id="uniforms-0008-000v-label">Contact Phone</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedStart MuiInputBase-marginDense MuiInput-marginDense">
<div class="MuiInputAdornment-root MuiPhoneNumber-positionStart MuiInputAdornment-positionStart MuiInputAdornment-marginDense"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiPhoneNumber-flagButton" tabindex="0"
type="button" aria-label="Select country" aria-haspopup="true"><span class="MuiButton-label">
<div class="flag vn"></div>
</span><span class="MuiTouchRipple-root"></span></button></div><input aria-invalid="false" id="uniforms-0008-000v" placeholder="+1 (702) 123-4567" type="text"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value="+84">
</div>
</div>
</div>
<div class="custom-field cat-task field-contact_email " data-cy="contact_email">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Contact Email</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-contact_company " data-cy="contact_company">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Company Name</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="jss257">
<div class="jss258"><label class="jss259">Origin</label></div>
</div>
</div>
</div>
</div>
</form><form class="form-body-section new-booking-step-form " novalidate="">
<div class="new-booking-step-form-header ">
<div class="flex align-center"><button class="MuiButtonBase-root MuiIconButton-root" tabindex="0" type="button" aria-label="settings"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24"
aria-hidden="true">
<path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button>
<div class="custom-field cat-task field-type " data-cy="type">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled Mui-required Mui-required" data-shrink="true">Task Type<span
aria-hidden="true" class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-type MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" required="" decimal="1"
data-cy="step-task-type-select">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0009-0000" id="uniforms-0009-0000">Dropoff</div><input name="type" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0009-0000" required="" value="dropoff"><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
</div>
<div>
<div><button class="MuiButtonBase-root MuiButton-root MuiButton-text jss4 jss1238 jss7 jss1240 jss34 MuiButton-textSizeSmall MuiButton-sizeSmall" tabindex="0" type="button"><span class="MuiButton-label">Clear</span><span
class="MuiTouchRipple-root"></span></button></div>
</div>
</div>
<div class="MuiCollapse-root step-wrapper-fields MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div class="custom-field cat-task field-address " data-cy="address">
<div class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon" role="combobox" aria-expanded="false">
<div class="MuiFormControl-root MuiTextField-root form-field-address MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense Mui-required Mui-required" data-shrink="true" for="uniforms-0009-0002"
id="uniforms-0009-0002-label">Address Line 1<span aria-hidden="true" class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiAutocomplete-inputRoot MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd MuiInputBase-marginDense MuiInput-marginDense">
<input aria-invalid="false" autocomplete="new-password" required="" type="text"
class="MuiInputBase-input MuiInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd MuiInputBase-inputMarginDense MuiInput-inputMarginDense" aria-autocomplete="both" autocapitalize="none"
spellcheck="false" maxlength="255" data-cy="step-address" value="" id="mui-45043">
<div class="MuiAutocomplete-endAdornment"><button class="MuiButtonBase-root MuiIconButton-root MuiAutocomplete-clearIndicator MuiAutocomplete-clearIndicatorDirty" tabindex="-1" type="button" aria-label="Clear" title="Clear"><span
class="MuiIconButton-label"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button></div>
</div>
</div>
</div>
</div>
<div class="custom-field cat-task field-address2 " data-cy="address2">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Address Line 2</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="#03-01" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-country " data-cy="country">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Country</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="Singapore" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-postal_code " data-cy="postal_code">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Postal Code</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="068896" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-state " data-cy="state">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">State</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-city " data-cy="city">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">City</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-timezone " data-cy="timezone">
<div class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon" role="combobox" aria-expanded="false">
<div class="MuiFormControl-root MuiTextField-root form-field-timezone MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled" data-shrink="true" for="uniforms-0009-0008"
id="uniforms-0009-0008-label">Timezone</label>
<div
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiAutocomplete-inputRoot MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd MuiInputBase-marginDense MuiInput-marginDense">
<input aria-invalid="false" autocomplete="off" type="text"
class="MuiInputBase-input MuiInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd MuiInputBase-inputMarginDense MuiInput-inputMarginDense" aria-autocomplete="both" autocapitalize="none"
spellcheck="false" value="Singapore" id="mui-84966">
<div class="MuiAutocomplete-endAdornment"><button class="MuiButtonBase-root MuiIconButton-root MuiAutocomplete-clearIndicator MuiAutocomplete-clearIndicatorDirty" tabindex="-1" type="button" aria-label="Clear" title="Clear"><span
class="MuiIconButton-label"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button><button class="MuiButtonBase-root MuiIconButton-root MuiAutocomplete-popupIndicator" tabindex="-1" type="button" aria-label="Open" title="Open"><span
class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg></span><span class="MuiTouchRipple-root"></span></button></div>
</div>
</div>
</div>
</div>
<div class="custom-field cat-task field-from_time " data-cy="from_time">
<div class="MuiFormControl-root-1242 MuiTextField-root-1241 form-field-from_time jss45 MuiFormControl-marginDense-1244" readonly="" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-1254 MuiInputLabel-root-1246 MuiInputLabel-formControl-1248 MuiInputLabel-animated-1251 MuiInputLabel-shrink-1250 MuiInputLabel-marginDense-1249 Mui-required Mui-required" data-shrink="true"
for="uniforms-0009-0009" id="uniforms-0009-0009-label">Dropoff Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1257 MuiInputLabel-asterisk-1247"> *</span></label>
<div class="MuiInputBase-root-1269 MuiInput-root-1258 jss46 MuiInputBase-formControl-1270 MuiInput-formControl-1259 MuiInputBase-adornedEnd-1272 MuiInputBase-marginDense-1273 MuiInput-marginDense-1262"><input aria-invalid="false"
id="uniforms-0009-0009" name="" placeholder="yyyy/mm/dd" readonly="" required="" type="text"
class="MuiInputBase-input-1277 MuiInput-input-1265 jss47 MuiInputBase-inputAdornedEnd-1282 MuiInputBase-inputMarginDense-1278 MuiInput-inputMarginDense-1266 jss48" value="">
<div class="MuiInputAdornment-root-1284 MuiInputAdornment-positionEnd-1287 MuiInputAdornment-marginDense-1290"><button class="MuiButtonBase-root-1299 MuiIconButton-root-1291" tabindex="0" type="button"><span
class="MuiIconButton-label-1298"><svg class="MuiSvgIcon-root-1300" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1513"></span></button></div>
</div>
</div>
</div>
<div class="custom-field cat-task field-from_time_time field-hidden" data-cy="from_time_time">
<div><span class="jss151">From Time<span> *</span></span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-from_time_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0009-000e"
value=""><svg class="MuiSvgIcon-root-1328 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
<div class="custom-field cat-task field-to_time field-hidden" data-cy="to_time">
<div class="MuiFormControl-root-1338 MuiTextField-root-1337 form-field-to_time jss45 MuiFormControl-marginDense-1340" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-1350 MuiInputLabel-root-1342 MuiInputLabel-formControl-1344 MuiInputLabel-animated-1347 MuiInputLabel-shrink-1346 MuiInputLabel-marginDense-1345 Mui-required Mui-required" data-shrink="true"
for="uniforms-0009-000f" id="uniforms-0009-000f-label">To Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1353 MuiInputLabel-asterisk-1343"> *</span></label>
<div class="MuiInputBase-root-1365 MuiInput-root-1354 jss46 MuiInputBase-formControl-1366 MuiInput-formControl-1355 MuiInputBase-adornedEnd-1368 MuiInputBase-marginDense-1369 MuiInput-marginDense-1358"><input aria-invalid="false"
id="uniforms-0009-000f" name="" placeholder="yyyy/mm/dd" required="" type="text"
class="MuiInputBase-input-1373 MuiInput-input-1361 jss47 MuiInputBase-inputAdornedEnd-1378 MuiInputBase-inputMarginDense-1374 MuiInput-inputMarginDense-1362 jss48" value="">
<div class="MuiInputAdornment-root-1380 MuiInputAdornment-positionEnd-1383 MuiInputAdornment-marginDense-1386"><button class="MuiButtonBase-root-1395 MuiIconButton-root-1387" tabindex="0" type="button"><span
class="MuiIconButton-label-1394"><svg class="MuiSvgIcon-root-1396" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1523"></span></button></div>
</div>
</div>
</div>
<div class="custom-field cat-task field-to_time_time field-hidden" data-cy="to_time_time">
<div><span class="jss151">To Time<span> *</span></span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-to_time_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0009-000i" value=""><svg
class="MuiSvgIcon-root-1424 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
<div class="custom-field cat-task field-period_of_time " data-cy="period_of_time">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true">Dropoff Time</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-period_of_time MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" decimal="1"
inputlabelprops="[object Object]">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0009-000m" id="uniforms-0009-000m"><span></span></div><input name="period_of_time" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0009-000m" value=""><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-task field-contact_name " data-cy="contact_name">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Contact Name</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="Yojee Ops" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-contact_phone " data-cy="contact_phone">
<div class="MuiFormControl-root MuiTextField-root ui-phone-number-field MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled" data-shrink="true" for="uniforms-0009-000v"
id="uniforms-0009-000v-label">Contact Phone</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedStart MuiInputBase-marginDense MuiInput-marginDense">
<div class="MuiInputAdornment-root MuiPhoneNumber-positionStart MuiInputAdornment-positionStart MuiInputAdornment-marginDense"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiPhoneNumber-flagButton" tabindex="0"
type="button" aria-label="Select country" aria-haspopup="true"><span class="MuiButton-label">
<div class="flag vn"></div>
</span><span class="MuiTouchRipple-root"></span></button></div><input aria-invalid="false" id="uniforms-0009-000v" placeholder="+1 (702) 123-4567" type="text"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value="+84">
</div>
</div>
</div>
<div class="custom-field cat-task field-contact_email " data-cy="contact_email">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Contact Email</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-task field-contact_company " data-cy="contact_company">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Company Name</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="jss257">
<div class="jss258"><label class="jss259">Destination</label></div>
</div>
</div>
</div>
</div>
</form><form novalidate="">
<div class="MuiGrid-root jss27 MuiGrid-container">
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-vessel_name " data-cy="vessel_name">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Vessel name</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-vessel_imo " data-cy="vessel_imo">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Vessel IMO</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-voyage_number " data-cy="voyage_number">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Voyage number</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-vessel_carrier " data-cy="vessel_carrier">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Carrier/Shipping line</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-departure_port_code " data-cy="departure_port_code">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Departure port code</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-departure_port_name " data-cy="departure_port_name">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Departure port</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-receiving_start_datetime " data-cy="receiving_start_datetime">
<div class="MuiFormControl-root-462 MuiTextField-root-461 form-field-receiving_start_datetime jss45 MuiFormControl-marginDense-464" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-474 MuiInputLabel-root-466 MuiInputLabel-formControl-468 MuiInputLabel-animated-471 MuiInputLabel-shrink-470 MuiInputLabel-marginDense-469" data-shrink="true" for="uniforms-0007-0006"
id="uniforms-0007-0006-label">Receiving Start Date</label>
<div class="MuiInputBase-root-489 MuiInput-root-478 jss46 MuiInputBase-formControl-490 MuiInput-formControl-479 MuiInputBase-adornedEnd-492 MuiInputBase-marginDense-493 MuiInput-marginDense-482"><input aria-invalid="false"
id="uniforms-0007-0006" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-497 MuiInput-input-485 jss47 MuiInputBase-inputAdornedEnd-502 MuiInputBase-inputMarginDense-498 MuiInput-inputMarginDense-486 jss48"
value="">
<div class="MuiInputAdornment-root-504 MuiInputAdornment-positionEnd-507 MuiInputAdornment-marginDense-510"><button class="MuiButtonBase-root-519 MuiIconButton-root-511" tabindex="0" type="button"><span
class="MuiIconButton-label-518"><svg class="MuiSvgIcon-root-520" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1433"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-receiving_start_time " data-cy="receiving_start_time">
<div><span class="jss151">Receiving Start Time</span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-receiving_start_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0007-0007"
value=""><svg class="MuiSvgIcon-root-548 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-receiving_end_datetime " data-cy="receiving_end_datetime">
<div class="MuiFormControl-root-558 MuiTextField-root-557 form-field-receiving_end_datetime jss45 MuiFormControl-marginDense-560" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-570 MuiInputLabel-root-562 MuiInputLabel-formControl-564 MuiInputLabel-animated-567 MuiInputLabel-shrink-566 MuiInputLabel-marginDense-565" data-shrink="true" for="uniforms-0007-0008"
id="uniforms-0007-0008-label">Receiving End Date</label>
<div class="MuiInputBase-root-585 MuiInput-root-574 jss46 MuiInputBase-formControl-586 MuiInput-formControl-575 MuiInputBase-adornedEnd-588 MuiInputBase-marginDense-589 MuiInput-marginDense-578"><input aria-invalid="false"
id="uniforms-0007-0008" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-593 MuiInput-input-581 jss47 MuiInputBase-inputAdornedEnd-598 MuiInputBase-inputMarginDense-594 MuiInput-inputMarginDense-582 jss48"
value="">
<div class="MuiInputAdornment-root-600 MuiInputAdornment-positionEnd-603 MuiInputAdornment-marginDense-606"><button class="MuiButtonBase-root-615 MuiIconButton-root-607" tabindex="0" type="button"><span
class="MuiIconButton-label-614"><svg class="MuiSvgIcon-root-616" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1443"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-receiving_end_time " data-cy="receiving_end_time">
<div><span class="jss151">Receiving End Time</span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-receiving_end_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0007-0009" value=""><svg
class="MuiSvgIcon-root-644 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-departure_datetime " data-cy="departure_datetime">
<div class="MuiFormControl-root-654 MuiTextField-root-653 form-field-departure_datetime jss45 MuiFormControl-marginDense-656" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-666 MuiInputLabel-root-658 MuiInputLabel-formControl-660 MuiInputLabel-animated-663 MuiInputLabel-shrink-662 MuiInputLabel-marginDense-661" data-shrink="true" for="uniforms-0007-000a"
id="uniforms-0007-000a-label">Departure Date</label>
<div class="MuiInputBase-root-681 MuiInput-root-670 jss46 MuiInputBase-formControl-682 MuiInput-formControl-671 MuiInputBase-adornedEnd-684 MuiInputBase-marginDense-685 MuiInput-marginDense-674"><input aria-invalid="false"
id="uniforms-0007-000a" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-689 MuiInput-input-677 jss47 MuiInputBase-inputAdornedEnd-694 MuiInputBase-inputMarginDense-690 MuiInput-inputMarginDense-678 jss48"
value="">
<div class="MuiInputAdornment-root-696 MuiInputAdornment-positionEnd-699 MuiInputAdornment-marginDense-702"><button class="MuiButtonBase-root-711 MuiIconButton-root-703" tabindex="0" type="button"><span
class="MuiIconButton-label-710"><svg class="MuiSvgIcon-root-712" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1453"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-departure_time " data-cy="departure_time">
<div><span class="jss151">Departure Time</span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-departure_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0007-000b" value=""><svg
class="MuiSvgIcon-root-740 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-arrival_port_code " data-cy="arrival_port_code">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Arrival port code</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-arrival_port_name " data-cy="arrival_port_name">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Arrival port</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-arrival_datetime " data-cy="arrival_datetime">
<div class="MuiFormControl-root-750 MuiTextField-root-749 form-field-arrival_datetime jss45 MuiFormControl-marginDense-752" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-762 MuiInputLabel-root-754 MuiInputLabel-formControl-756 MuiInputLabel-animated-759 MuiInputLabel-shrink-758 MuiInputLabel-marginDense-757" data-shrink="true" for="uniforms-0007-000e"
id="uniforms-0007-000e-label">Arrival Date</label>
<div class="MuiInputBase-root-777 MuiInput-root-766 jss46 MuiInputBase-formControl-778 MuiInput-formControl-767 MuiInputBase-adornedEnd-780 MuiInputBase-marginDense-781 MuiInput-marginDense-770"><input aria-invalid="false"
id="uniforms-0007-000e" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-785 MuiInput-input-773 jss47 MuiInputBase-inputAdornedEnd-790 MuiInputBase-inputMarginDense-786 MuiInput-inputMarginDense-774 jss48"
value="">
<div class="MuiInputAdornment-root-792 MuiInputAdornment-positionEnd-795 MuiInputAdornment-marginDense-798"><button class="MuiButtonBase-root-807 MuiIconButton-root-799" tabindex="0" type="button"><span
class="MuiIconButton-label-806"><svg class="MuiSvgIcon-root-808" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1463"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-arrival_time " data-cy="arrival_time">
<div><span class="jss151">Arrival Time</span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-arrival_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0007-000f" value=""><svg
class="MuiSvgIcon-root-836 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-fcl_available_datetime " data-cy="fcl_available_datetime">
<div class="MuiFormControl-root-846 MuiTextField-root-845 form-field-fcl_available_datetime jss45 MuiFormControl-marginDense-848" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-858 MuiInputLabel-root-850 MuiInputLabel-formControl-852 MuiInputLabel-animated-855 MuiInputLabel-shrink-854 MuiInputLabel-marginDense-853" data-shrink="true" for="uniforms-0007-000g"
id="uniforms-0007-000g-label">Fcl Available Date</label>
<div class="MuiInputBase-root-873 MuiInput-root-862 jss46 MuiInputBase-formControl-874 MuiInput-formControl-863 MuiInputBase-adornedEnd-876 MuiInputBase-marginDense-877 MuiInput-marginDense-866"><input aria-invalid="false"
id="uniforms-0007-000g" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-881 MuiInput-input-869 jss47 MuiInputBase-inputAdornedEnd-886 MuiInputBase-inputMarginDense-882 MuiInput-inputMarginDense-870 jss48"
value="">
<div class="MuiInputAdornment-root-888 MuiInputAdornment-positionEnd-891 MuiInputAdornment-marginDense-894"><button class="MuiButtonBase-root-903 MuiIconButton-root-895" tabindex="0" type="button"><span
class="MuiIconButton-label-902"><svg class="MuiSvgIcon-root-904" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1473"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-fcl_available_time " data-cy="fcl_available_time">
<div><span class="jss151">Fcl Available Time</span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-fcl_available_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0007-000h" value=""><svg
class="MuiSvgIcon-root-932 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-fcl_storage_datetime " data-cy="fcl_storage_datetime">
<div class="MuiFormControl-root-942 MuiTextField-root-941 form-field-fcl_storage_datetime jss45 MuiFormControl-marginDense-944" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-954 MuiInputLabel-root-946 MuiInputLabel-formControl-948 MuiInputLabel-animated-951 MuiInputLabel-shrink-950 MuiInputLabel-marginDense-949" data-shrink="true" for="uniforms-0007-000i"
id="uniforms-0007-000i-label">Fcl Storage Date</label>
<div class="MuiInputBase-root-969 MuiInput-root-958 jss46 MuiInputBase-formControl-970 MuiInput-formControl-959 MuiInputBase-adornedEnd-972 MuiInputBase-marginDense-973 MuiInput-marginDense-962"><input aria-invalid="false"
id="uniforms-0007-000i" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-977 MuiInput-input-965 jss47 MuiInputBase-inputAdornedEnd-982 MuiInputBase-inputMarginDense-978 MuiInput-inputMarginDense-966 jss48"
value="">
<div class="MuiInputAdornment-root-984 MuiInputAdornment-positionEnd-987 MuiInputAdornment-marginDense-990"><button class="MuiButtonBase-root-999 MuiIconButton-root-991" tabindex="0" type="button"><span
class="MuiIconButton-label-998"><svg class="MuiSvgIcon-root-1000" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
<path fill="none" d="M0 0h24v24H0z"></path>
</svg></span><span class="MuiTouchRipple-root-1483"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss28 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3">
<div class="custom-field cat-vessel field-fcl_storage_time " data-cy="fcl_storage_time">
<div><span class="jss151">Fcl Storage Time</span><span class="rc-time-picker sc-bczRLJ ikxGDv form-field-fcl_storage_time"><input class="rc-time-picker-input" type="text" placeholder="hh:mm" name="" id="uniforms-0007-000j" value=""><svg
class="MuiSvgIcon-root-1028 jss149" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
</svg></span></div>
</div>
</div>
</div>
</form><form class="item-form" novalidate="">
<div class="custom-field cat-item field-description " data-cy="description">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Description</label><label class="MuiFormLabel-root MuiInputLabel-root jss1038 MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true">0 / 255</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><textarea rows="1" aria-invalid="false"
placeholder="Machinery including computers" type="text" maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" style="height: 19px; overflow: hidden;"></textarea><textarea
aria-hidden="true" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" readonly="" tabindex="-1"
style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 946.656px;"></textarea></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-item field-payload_type " data-cy="payload_type">
<div class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiFormLabel-filled Mui-required Mui-required" data-shrink="true">Package Type<span aria-hidden="true"
class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline form-field-payload_type MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense" required=""
decimal="1" data-cy="item-payload-type-select">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" tabindex="0" role="button" aria-haspopup="listbox"
aria-labelledby="uniforms-0005-0001" id="uniforms-0005-0001">Package</div><input name="payload_type" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0005-0001" required="" value="Package"><svg
class="MuiSvgIcon-root MuiSelect-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-item field-quantity " data-cy="quantity">
<div class="MuiFormControl-root MuiTextField-root form-field-quantity MuiFormControl-marginDense MuiFormControl-fullWidth"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true" for="uniforms-0005-0003" id="uniforms-0005-0003-label">Quantity</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false"
id="uniforms-0005-0003" name="quantity" placeholder="" type="number" min="0" step="1" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
</div>
</div>
<div class="custom-field cat-item field-weight " data-cy="weight">
<div class="with-unit-field-wrapper">
<div class="MuiFormControl-root MuiTextField-root form-field-weight MuiFormControl-marginDense MuiFormControl-fullWidth" min="1" max="30" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense Mui-required Mui-required" data-shrink="true" for="uniforms-0005-0005"
id="uniforms-0005-0005-label">Weight<span aria-hidden="true" class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false"
autocomplete="off" id="uniforms-0005-0005" name="weight" placeholder="" required="" type="number" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
</div>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline jss1039 Mui-disabled Mui-disabled">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input Mui-disabled Mui-disabled Mui-disabled" role="button" aria-disabled="true" aria-haspopup="listbox">kg</div><input aria-hidden="true"
tabindex="-1" class="MuiSelect-nativeInput" value="kilogram"><svg class="MuiSvgIcon-root MuiSelect-icon Mui-disabled" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-item field-length " data-cy="length">
<div class="with-unit-field-wrapper">
<div class="MuiFormControl-root MuiTextField-root form-field-length MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true" for="uniforms-0005-0009" id="uniforms-0005-0009-label">Length</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false"
autocomplete="off" id="uniforms-0005-0009" name="length" placeholder="" type="number" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
</div>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline jss1039 Mui-disabled Mui-disabled">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input Mui-disabled Mui-disabled Mui-disabled" role="button" aria-disabled="true" aria-haspopup="listbox">cm</div><input aria-hidden="true"
tabindex="-1" class="MuiSelect-nativeInput" value="centimeter"><svg class="MuiSvgIcon-root MuiSelect-icon Mui-disabled" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-item field-width " data-cy="width">
<div class="with-unit-field-wrapper">
<div class="MuiFormControl-root MuiTextField-root form-field-width MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true" for="uniforms-0005-000d" id="uniforms-0005-000d-label">Width</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false"
autocomplete="off" id="uniforms-0005-000d" name="width" placeholder="" type="number" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
</div>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline jss1039 Mui-disabled Mui-disabled">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input Mui-disabled Mui-disabled Mui-disabled" role="button" aria-disabled="true" aria-haspopup="listbox">cm</div><input aria-hidden="true"
tabindex="-1" class="MuiSelect-nativeInput" value="centimeter"><svg class="MuiSvgIcon-root MuiSelect-icon Mui-disabled" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-item field-height " data-cy="height">
<div class="with-unit-field-wrapper">
<div class="MuiFormControl-root MuiTextField-root form-field-height MuiFormControl-marginDense MuiFormControl-fullWidth" decimal="1"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true" for="uniforms-0005-000h" id="uniforms-0005-000h-label">Height</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false"
autocomplete="off" id="uniforms-0005-000h" name="height" placeholder="" type="number" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
</div>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline jss1039 Mui-disabled Mui-disabled">
<div class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input Mui-disabled Mui-disabled Mui-disabled" role="button" aria-disabled="true" aria-haspopup="listbox">cm</div><input aria-hidden="true"
tabindex="-1" class="MuiSelect-nativeInput" value="centimeter"><svg class="MuiSvgIcon-root MuiSelect-icon Mui-disabled" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
<div class="custom-field cat-item field-info " data-cy="info">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">Special Instructions</label><label class="MuiFormLabel-root MuiInputLabel-root jss1038 MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense" data-shrink="true">0 / 255</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><textarea rows="1" aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" style="height: 19px; overflow: hidden;"></textarea><textarea aria-hidden="true"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" readonly="" tabindex="-1"
style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 946.656px;"></textarea></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-item field-external_customer_id2 " data-cy="external_customer_id2">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">External Customer Id 2</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-item field-external_customer_id " data-cy="external_customer_id">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">External Customer Id</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" placeholder="YOJ-1234" type="text"
maxlength="255" class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
<div class="custom-field cat-item field-external_customer_id3 " data-cy="external_customer_id3">
<div class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense"
data-shrink="true">External Customer Id 3</label>
<div class="MuiInputBase-root MuiInput-root MuiInput-underline ui-textarea-field MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"><input aria-invalid="false" type="text" maxlength="255"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense" value=""></div>
<p class="MuiFormHelperText-root MuiFormHelperText-marginDense"></p>
</div>
</div>
</form>Text Content
You need to enable JavaScript to run this app. Book a Delivery Log In Booking Summary Confirmation Order Template SendSingapore Hide Map Order See our pricing External ID Service Type * Please choose Packing Mode Please choose Order Information LEG 1 Clear All Task Type * Pickup Clear Address Line 1 * Address Line 2 Country Postal Code State City Timezone Pickup Date * From Time * To Date * To Time * Pickup Time Contact Name Contact Phone Contact Email Company Name Origin Task Type * Dropoff Clear Address Line 1 * Address Line 2 Country Postal Code State City Timezone Dropoff Date * From Time * To Date * To Time * Dropoff Time Contact Name Contact Phone Contact Email Company Name Destination Vessel Information Vessel name Vessel IMO Voyage number Carrier/Shipping line Departure port code Departure port Receiving Start Date Receiving Start Time Receiving End Date Receiving End Time Departure Date Departure Time Arrival port code Arrival port Arrival Date Arrival Time Fcl Available Date Fcl Available Time Fcl Storage Date Fcl Storage Time 1 Line(s) Item 1 Description0 / 255 Package Type * Package Quantity Weight * kg Length cm Width cm Height cm Special Instructions0 / 255 External Customer Id 2 External Customer Id External Customer Id 3 Add Line Next Zum Verschieben drückst du die Pfeiltasten entsprechend. ←Nach links→Nach rechts↑Nach oben↓Nach unten+Heranzoomen-HerauszoomenPos1Um 75 % nach linksEndeUm 75 % nach rechtsBild aufUm 75 % nach obenBild abUm 75 % nach unten KartendatenKartendaten © 2023 Google Kartendaten © 2023 Google 200 m Klicken, um zwischen metrischen und angloamerikanischen Maßeinheiten zu wechseln Nutzungsbedingungen Fehler bei Google Maps melden