mt-639-booking-qa.eks.yojee.com
Open in
urlscan Pro
18.173.154.62
Public Scan
URL:
https://mt-639-booking-qa.eks.yojee.com/
Submission: On June 22 via automatic, source certstream-suspicious — Scanned from DE
Submission: On June 22 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 MuiFormLabel-filled Mui-required Mui-required" data-shrink="true">Packing Mode<span aria-hidden="true"
class="MuiFormLabel-asterisk MuiInputLabel-asterisk"> *</span></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" required=""
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">FTL - Full Truck Load</div><input name="packing_mode" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0006-0003" required="" value="ftl"><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 class="step-actions"><button class="MuiButtonBase-root MuiButton-root MuiButton-text jss4 jss1048 jss7 jss1050 jss36 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-is_empty " data-cy="is_empty"><input data-testid="is-empty-step" type="checkbox" readonly="" checked="" style="display: none;"></div>
<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-0003"
id="uniforms-0008-0003-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-44585">
<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-0009"
id="uniforms-0008-0009-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-96095">
<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-1052 MuiTextField-root-1051 form-field-from_time jss50 MuiFormControl-marginDense-1054" readonly="" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-1064 MuiInputLabel-root-1056 MuiInputLabel-formControl-1058 MuiInputLabel-animated-1061 MuiInputLabel-shrink-1060 MuiInputLabel-marginDense-1059 Mui-required Mui-required" data-shrink="true"
for="uniforms-0008-000a" id="uniforms-0008-000a-label">Pickup Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1067 MuiInputLabel-asterisk-1057"> *</span></label>
<div class="MuiInputBase-root-1079 MuiInput-root-1068 jss51 MuiInputBase-formControl-1080 MuiInput-formControl-1069 MuiInputBase-adornedEnd-1082 MuiInputBase-marginDense-1083 MuiInput-marginDense-1072"><input aria-invalid="false"
id="uniforms-0008-000a" name="" placeholder="yyyy/mm/dd" readonly="" required="" type="text"
class="MuiInputBase-input-1087 MuiInput-input-1075 jss52 MuiInputBase-inputAdornedEnd-1092 MuiInputBase-inputMarginDense-1088 MuiInput-inputMarginDense-1076 jss53" value="">
<div class="MuiInputAdornment-root-1094 MuiInputAdornment-positionEnd-1097 MuiInputAdornment-marginDense-1100"><button class="MuiButtonBase-root-1109 MuiIconButton-root-1101" tabindex="0" type="button"><span
class="MuiIconButton-label-1108"><svg class="MuiSvgIcon-root-1110" 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-1498"></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="jss156">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-000f"
value=""><svg class="MuiSvgIcon-root-1138 jss154" 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-1148 MuiTextField-root-1147 form-field-to_time jss50 MuiFormControl-marginDense-1150" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-1160 MuiInputLabel-root-1152 MuiInputLabel-formControl-1154 MuiInputLabel-animated-1157 MuiInputLabel-shrink-1156 MuiInputLabel-marginDense-1155 Mui-required Mui-required" data-shrink="true"
for="uniforms-0008-000g" id="uniforms-0008-000g-label">To Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1163 MuiInputLabel-asterisk-1153"> *</span></label>
<div class="MuiInputBase-root-1175 MuiInput-root-1164 jss51 MuiInputBase-formControl-1176 MuiInput-formControl-1165 MuiInputBase-adornedEnd-1178 MuiInputBase-marginDense-1179 MuiInput-marginDense-1168"><input aria-invalid="false"
id="uniforms-0008-000g" name="" placeholder="yyyy/mm/dd" required="" type="text"
class="MuiInputBase-input-1183 MuiInput-input-1171 jss52 MuiInputBase-inputAdornedEnd-1188 MuiInputBase-inputMarginDense-1184 MuiInput-inputMarginDense-1172 jss53" value="">
<div class="MuiInputAdornment-root-1190 MuiInputAdornment-positionEnd-1193 MuiInputAdornment-marginDense-1196"><button class="MuiButtonBase-root-1205 MuiIconButton-root-1197" tabindex="0" type="button"><span
class="MuiIconButton-label-1204"><svg class="MuiSvgIcon-root-1206" 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-1508"></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="jss156">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-000j" value=""><svg
class="MuiSvgIcon-root-1234 jss154" 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-000n" id="uniforms-0008-000n"><span></span></div><input name="period_of_time" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0008-000n" 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-000w"
id="uniforms-0008-000w-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-000w" 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="jss1540">
<div class="jss1541"><label class="jss1542">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 class="step-actions"><button class="MuiButtonBase-root MuiButton-root MuiButton-text jss4 jss1243 jss7 jss1245 jss36 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-is_empty " data-cy="is_empty"><input data-testid="is-empty-step" type="checkbox" readonly="" checked="" style="display: none;"></div>
<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-0003"
id="uniforms-0009-0003-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-62735">
<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-0009"
id="uniforms-0009-0009-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-81191">
<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-1247 MuiTextField-root-1246 form-field-from_time jss50 MuiFormControl-marginDense-1249" readonly="" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-1259 MuiInputLabel-root-1251 MuiInputLabel-formControl-1253 MuiInputLabel-animated-1256 MuiInputLabel-shrink-1255 MuiInputLabel-marginDense-1254 Mui-required Mui-required" data-shrink="true"
for="uniforms-0009-000a" id="uniforms-0009-000a-label">Dropoff Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1262 MuiInputLabel-asterisk-1252"> *</span></label>
<div class="MuiInputBase-root-1274 MuiInput-root-1263 jss51 MuiInputBase-formControl-1275 MuiInput-formControl-1264 MuiInputBase-adornedEnd-1277 MuiInputBase-marginDense-1278 MuiInput-marginDense-1267"><input aria-invalid="false"
id="uniforms-0009-000a" name="" placeholder="yyyy/mm/dd" readonly="" required="" type="text"
class="MuiInputBase-input-1282 MuiInput-input-1270 jss52 MuiInputBase-inputAdornedEnd-1287 MuiInputBase-inputMarginDense-1283 MuiInput-inputMarginDense-1271 jss53" value="">
<div class="MuiInputAdornment-root-1289 MuiInputAdornment-positionEnd-1292 MuiInputAdornment-marginDense-1295"><button class="MuiButtonBase-root-1304 MuiIconButton-root-1296" tabindex="0" type="button"><span
class="MuiIconButton-label-1303"><svg class="MuiSvgIcon-root-1305" 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-1518"></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="jss156">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-000f"
value=""><svg class="MuiSvgIcon-root-1333 jss154" 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-1343 MuiTextField-root-1342 form-field-to_time jss50 MuiFormControl-marginDense-1345" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-1355 MuiInputLabel-root-1347 MuiInputLabel-formControl-1349 MuiInputLabel-animated-1352 MuiInputLabel-shrink-1351 MuiInputLabel-marginDense-1350 Mui-required Mui-required" data-shrink="true"
for="uniforms-0009-000g" id="uniforms-0009-000g-label">To Date<span aria-hidden="true" class="MuiFormLabel-asterisk-1358 MuiInputLabel-asterisk-1348"> *</span></label>
<div class="MuiInputBase-root-1370 MuiInput-root-1359 jss51 MuiInputBase-formControl-1371 MuiInput-formControl-1360 MuiInputBase-adornedEnd-1373 MuiInputBase-marginDense-1374 MuiInput-marginDense-1363"><input aria-invalid="false"
id="uniforms-0009-000g" name="" placeholder="yyyy/mm/dd" required="" type="text"
class="MuiInputBase-input-1378 MuiInput-input-1366 jss52 MuiInputBase-inputAdornedEnd-1383 MuiInputBase-inputMarginDense-1379 MuiInput-inputMarginDense-1367 jss53" value="">
<div class="MuiInputAdornment-root-1385 MuiInputAdornment-positionEnd-1388 MuiInputAdornment-marginDense-1391"><button class="MuiButtonBase-root-1400 MuiIconButton-root-1392" tabindex="0" type="button"><span
class="MuiIconButton-label-1399"><svg class="MuiSvgIcon-root-1401" 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-1528"></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="jss156">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-000j" value=""><svg
class="MuiSvgIcon-root-1429 jss154" 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-000n" id="uniforms-0009-000n"><span></span></div><input name="period_of_time" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput" id="uniforms-0009-000n" 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-000w"
id="uniforms-0009-000w-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-000w" 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="jss1540">
<div class="jss1541"><label class="jss1542">Destination</label></div>
</div>
</div>
</div>
</div>
</form><form novalidate="">
<div class="MuiGrid-root jss28 MuiGrid-container">
<div class="MuiGrid-root jss29 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 jss29 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 jss29 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 jss29 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 jss29 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 jss29 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 jss29 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-467 MuiTextField-root-466 form-field-receiving_start_datetime jss50 MuiFormControl-marginDense-469" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-479 MuiInputLabel-root-471 MuiInputLabel-formControl-473 MuiInputLabel-animated-476 MuiInputLabel-shrink-475 MuiInputLabel-marginDense-474" data-shrink="true" for="uniforms-0007-0006"
id="uniforms-0007-0006-label">Receiving Start Date</label>
<div class="MuiInputBase-root-494 MuiInput-root-483 jss51 MuiInputBase-formControl-495 MuiInput-formControl-484 MuiInputBase-adornedEnd-497 MuiInputBase-marginDense-498 MuiInput-marginDense-487"><input aria-invalid="false"
id="uniforms-0007-0006" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-502 MuiInput-input-490 jss52 MuiInputBase-inputAdornedEnd-507 MuiInputBase-inputMarginDense-503 MuiInput-inputMarginDense-491 jss53"
value="">
<div class="MuiInputAdornment-root-509 MuiInputAdornment-positionEnd-512 MuiInputAdornment-marginDense-515"><button class="MuiButtonBase-root-524 MuiIconButton-root-516" tabindex="0" type="button"><span
class="MuiIconButton-label-523"><svg class="MuiSvgIcon-root-525" 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-1438"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss29 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="jss156">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-553 jss154" 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 jss29 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-563 MuiTextField-root-562 form-field-receiving_end_datetime jss50 MuiFormControl-marginDense-565" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-575 MuiInputLabel-root-567 MuiInputLabel-formControl-569 MuiInputLabel-animated-572 MuiInputLabel-shrink-571 MuiInputLabel-marginDense-570" data-shrink="true" for="uniforms-0007-0008"
id="uniforms-0007-0008-label">Receiving End Date</label>
<div class="MuiInputBase-root-590 MuiInput-root-579 jss51 MuiInputBase-formControl-591 MuiInput-formControl-580 MuiInputBase-adornedEnd-593 MuiInputBase-marginDense-594 MuiInput-marginDense-583"><input aria-invalid="false"
id="uniforms-0007-0008" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-598 MuiInput-input-586 jss52 MuiInputBase-inputAdornedEnd-603 MuiInputBase-inputMarginDense-599 MuiInput-inputMarginDense-587 jss53"
value="">
<div class="MuiInputAdornment-root-605 MuiInputAdornment-positionEnd-608 MuiInputAdornment-marginDense-611"><button class="MuiButtonBase-root-620 MuiIconButton-root-612" tabindex="0" type="button"><span
class="MuiIconButton-label-619"><svg class="MuiSvgIcon-root-621" 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-1448"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss29 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="jss156">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-649 jss154" 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 jss29 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-659 MuiTextField-root-658 form-field-departure_datetime jss50 MuiFormControl-marginDense-661" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-671 MuiInputLabel-root-663 MuiInputLabel-formControl-665 MuiInputLabel-animated-668 MuiInputLabel-shrink-667 MuiInputLabel-marginDense-666" data-shrink="true" for="uniforms-0007-000a"
id="uniforms-0007-000a-label">Departure Date</label>
<div class="MuiInputBase-root-686 MuiInput-root-675 jss51 MuiInputBase-formControl-687 MuiInput-formControl-676 MuiInputBase-adornedEnd-689 MuiInputBase-marginDense-690 MuiInput-marginDense-679"><input aria-invalid="false"
id="uniforms-0007-000a" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-694 MuiInput-input-682 jss52 MuiInputBase-inputAdornedEnd-699 MuiInputBase-inputMarginDense-695 MuiInput-inputMarginDense-683 jss53"
value="">
<div class="MuiInputAdornment-root-701 MuiInputAdornment-positionEnd-704 MuiInputAdornment-marginDense-707"><button class="MuiButtonBase-root-716 MuiIconButton-root-708" tabindex="0" type="button"><span
class="MuiIconButton-label-715"><svg class="MuiSvgIcon-root-717" 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-1458"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss29 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="jss156">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-745 jss154" 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 jss29 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 jss29 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 jss29 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-755 MuiTextField-root-754 form-field-arrival_datetime jss50 MuiFormControl-marginDense-757" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-767 MuiInputLabel-root-759 MuiInputLabel-formControl-761 MuiInputLabel-animated-764 MuiInputLabel-shrink-763 MuiInputLabel-marginDense-762" data-shrink="true" for="uniforms-0007-000e"
id="uniforms-0007-000e-label">Arrival Date</label>
<div class="MuiInputBase-root-782 MuiInput-root-771 jss51 MuiInputBase-formControl-783 MuiInput-formControl-772 MuiInputBase-adornedEnd-785 MuiInputBase-marginDense-786 MuiInput-marginDense-775"><input aria-invalid="false"
id="uniforms-0007-000e" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-790 MuiInput-input-778 jss52 MuiInputBase-inputAdornedEnd-795 MuiInputBase-inputMarginDense-791 MuiInput-inputMarginDense-779 jss53"
value="">
<div class="MuiInputAdornment-root-797 MuiInputAdornment-positionEnd-800 MuiInputAdornment-marginDense-803"><button class="MuiButtonBase-root-812 MuiIconButton-root-804" tabindex="0" type="button"><span
class="MuiIconButton-label-811"><svg class="MuiSvgIcon-root-813" 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-1468"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss29 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="jss156">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-841 jss154" 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 jss29 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-851 MuiTextField-root-850 form-field-fcl_available_datetime jss50 MuiFormControl-marginDense-853" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-863 MuiInputLabel-root-855 MuiInputLabel-formControl-857 MuiInputLabel-animated-860 MuiInputLabel-shrink-859 MuiInputLabel-marginDense-858" data-shrink="true" for="uniforms-0007-000g"
id="uniforms-0007-000g-label">Fcl Available Date</label>
<div class="MuiInputBase-root-878 MuiInput-root-867 jss51 MuiInputBase-formControl-879 MuiInput-formControl-868 MuiInputBase-adornedEnd-881 MuiInputBase-marginDense-882 MuiInput-marginDense-871"><input aria-invalid="false"
id="uniforms-0007-000g" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-886 MuiInput-input-874 jss52 MuiInputBase-inputAdornedEnd-891 MuiInputBase-inputMarginDense-887 MuiInput-inputMarginDense-875 jss53"
value="">
<div class="MuiInputAdornment-root-893 MuiInputAdornment-positionEnd-896 MuiInputAdornment-marginDense-899"><button class="MuiButtonBase-root-908 MuiIconButton-root-900" tabindex="0" type="button"><span
class="MuiIconButton-label-907"><svg class="MuiSvgIcon-root-909" 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-1478"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss29 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="jss156">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-937 jss154" 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 jss29 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-947 MuiTextField-root-946 form-field-fcl_storage_datetime jss50 MuiFormControl-marginDense-949" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-959 MuiInputLabel-root-951 MuiInputLabel-formControl-953 MuiInputLabel-animated-956 MuiInputLabel-shrink-955 MuiInputLabel-marginDense-954" data-shrink="true" for="uniforms-0007-000i"
id="uniforms-0007-000i-label">Fcl Storage Date</label>
<div class="MuiInputBase-root-974 MuiInput-root-963 jss51 MuiInputBase-formControl-975 MuiInput-formControl-964 MuiInputBase-adornedEnd-977 MuiInputBase-marginDense-978 MuiInput-marginDense-967"><input aria-invalid="false"
id="uniforms-0007-000i" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-982 MuiInput-input-970 jss52 MuiInputBase-inputAdornedEnd-987 MuiInputBase-inputMarginDense-983 MuiInput-inputMarginDense-971 jss53"
value="">
<div class="MuiInputAdornment-root-989 MuiInputAdornment-positionEnd-992 MuiInputAdornment-marginDense-995"><button class="MuiButtonBase-root-1004 MuiIconButton-root-996" tabindex="0" type="button"><span
class="MuiIconButton-label-1003"><svg class="MuiSvgIcon-root-1005" 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-1488"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss29 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="jss156">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-1033 jss154" 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 jss1043 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 jss1044 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 jss1044 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 jss1044 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 jss1044 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 jss1043 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 * FTL - Full Truck Load Order Information LEG 1Empty 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