mt-425-booking-qa.eks.yojee.com
Open in
urlscan Pro
13.227.219.9
Public Scan
URL:
https://mt-425-booking-qa.eks.yojee.com/
Submission: On March 17 via automatic, source certstream-suspicious — Scanned from DE
Submission: On March 17 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 class="step-actions"><button class="MuiButtonBase-root MuiIconButton-root" tabindex="0" type="button"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path>
</svg></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-53329">
<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-7758">
<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-1019 MuiTextField-root-1018 form-field-from_time jss23 MuiFormControl-marginDense-1021" readonly="" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-1031 MuiInputLabel-root-1023 MuiInputLabel-formControl-1025 MuiInputLabel-animated-1028 MuiInputLabel-shrink-1027 MuiInputLabel-marginDense-1026 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-1034 MuiInputLabel-asterisk-1024"> *</span></label>
<div class="MuiInputBase-root-1046 MuiInput-root-1035 jss24 MuiInputBase-formControl-1047 MuiInput-formControl-1036 MuiInputBase-adornedEnd-1049 MuiInputBase-marginDense-1050 MuiInput-marginDense-1039"><input aria-invalid="false"
id="uniforms-0008-0009" name="" placeholder="yyyy/mm/dd" readonly="" required="" type="text"
class="MuiInputBase-input-1054 MuiInput-input-1042 jss25 MuiInputBase-inputAdornedEnd-1059 MuiInputBase-inputMarginDense-1055 MuiInput-inputMarginDense-1043 jss26" value="">
<div class="MuiInputAdornment-root-1061 MuiInputAdornment-positionEnd-1064 MuiInputAdornment-marginDense-1067"><button class="MuiButtonBase-root-1076 MuiIconButton-root-1068" tabindex="0" type="button"><span
class="MuiIconButton-label-1075"><svg class="MuiSvgIcon-root-1077" 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-1462"></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="jss129">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-1105 jss127" 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-1115 MuiTextField-root-1114 form-field-to_time jss23 MuiFormControl-marginDense-1117" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-1127 MuiInputLabel-root-1119 MuiInputLabel-formControl-1121 MuiInputLabel-animated-1124 MuiInputLabel-shrink-1123 MuiInputLabel-marginDense-1122 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-1130 MuiInputLabel-asterisk-1120"> *</span></label>
<div class="MuiInputBase-root-1142 MuiInput-root-1131 jss24 MuiInputBase-formControl-1143 MuiInput-formControl-1132 MuiInputBase-adornedEnd-1145 MuiInputBase-marginDense-1146 MuiInput-marginDense-1135"><input aria-invalid="false"
id="uniforms-0008-000f" name="" placeholder="yyyy/mm/dd" required="" type="text"
class="MuiInputBase-input-1150 MuiInput-input-1138 jss25 MuiInputBase-inputAdornedEnd-1155 MuiInputBase-inputMarginDense-1151 MuiInput-inputMarginDense-1139 jss26" value="">
<div class="MuiInputAdornment-root-1157 MuiInputAdornment-positionEnd-1160 MuiInputAdornment-marginDense-1163"><button class="MuiButtonBase-root-1172 MuiIconButton-root-1164" tabindex="0" type="button"><span
class="MuiIconButton-label-1171"><svg class="MuiSvgIcon-root-1173" 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-1472"></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="jss129">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-1201 jss127" 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="jss235">
<div class="jss236"><label class="jss237">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 MuiIconButton-root" tabindex="0" type="button"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path>
</svg></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-87873">
<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-22339">
<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-1211 MuiTextField-root-1210 form-field-from_time jss23 MuiFormControl-marginDense-1213" readonly="" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-1223 MuiInputLabel-root-1215 MuiInputLabel-formControl-1217 MuiInputLabel-animated-1220 MuiInputLabel-shrink-1219 MuiInputLabel-marginDense-1218 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-1226 MuiInputLabel-asterisk-1216"> *</span></label>
<div class="MuiInputBase-root-1238 MuiInput-root-1227 jss24 MuiInputBase-formControl-1239 MuiInput-formControl-1228 MuiInputBase-adornedEnd-1241 MuiInputBase-marginDense-1242 MuiInput-marginDense-1231"><input aria-invalid="false"
id="uniforms-0009-0009" name="" placeholder="yyyy/mm/dd" readonly="" required="" type="text"
class="MuiInputBase-input-1246 MuiInput-input-1234 jss25 MuiInputBase-inputAdornedEnd-1251 MuiInputBase-inputMarginDense-1247 MuiInput-inputMarginDense-1235 jss26" value="">
<div class="MuiInputAdornment-root-1253 MuiInputAdornment-positionEnd-1256 MuiInputAdornment-marginDense-1259"><button class="MuiButtonBase-root-1268 MuiIconButton-root-1260" tabindex="0" type="button"><span
class="MuiIconButton-label-1267"><svg class="MuiSvgIcon-root-1269" 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-1482"></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="jss129">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-1297 jss127" 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-1307 MuiTextField-root-1306 form-field-to_time jss23 MuiFormControl-marginDense-1309" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-1319 MuiInputLabel-root-1311 MuiInputLabel-formControl-1313 MuiInputLabel-animated-1316 MuiInputLabel-shrink-1315 MuiInputLabel-marginDense-1314 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-1322 MuiInputLabel-asterisk-1312"> *</span></label>
<div class="MuiInputBase-root-1334 MuiInput-root-1323 jss24 MuiInputBase-formControl-1335 MuiInput-formControl-1324 MuiInputBase-adornedEnd-1337 MuiInputBase-marginDense-1338 MuiInput-marginDense-1327"><input aria-invalid="false"
id="uniforms-0009-000f" name="" placeholder="yyyy/mm/dd" required="" type="text"
class="MuiInputBase-input-1342 MuiInput-input-1330 jss25 MuiInputBase-inputAdornedEnd-1347 MuiInputBase-inputMarginDense-1343 MuiInput-inputMarginDense-1331 jss26" value="">
<div class="MuiInputAdornment-root-1349 MuiInputAdornment-positionEnd-1352 MuiInputAdornment-marginDense-1355"><button class="MuiButtonBase-root-1364 MuiIconButton-root-1356" tabindex="0" type="button"><span
class="MuiIconButton-label-1363"><svg class="MuiSvgIcon-root-1365" 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-1492"></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="jss129">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-1393 jss127" 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="jss235">
<div class="jss236"><label class="jss237">Destination</label></div>
</div>
</div>
</div>
</div>
</form><form novalidate="">
<div class="MuiGrid-root jss16 MuiGrid-container">
<div class="MuiGrid-root jss17 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 jss17 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 jss17 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 jss17 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 jss17 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 jss17 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 jss17 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-440 MuiTextField-root-439 form-field-receiving_start_datetime jss23 MuiFormControl-marginDense-442" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-452 MuiInputLabel-root-444 MuiInputLabel-formControl-446 MuiInputLabel-animated-449 MuiInputLabel-shrink-448 MuiInputLabel-marginDense-447" data-shrink="true" for="uniforms-0007-0006"
id="uniforms-0007-0006-label">Receiving Start Date</label>
<div class="MuiInputBase-root-467 MuiInput-root-456 jss24 MuiInputBase-formControl-468 MuiInput-formControl-457 MuiInputBase-adornedEnd-470 MuiInputBase-marginDense-471 MuiInput-marginDense-460"><input aria-invalid="false"
id="uniforms-0007-0006" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-475 MuiInput-input-463 jss25 MuiInputBase-inputAdornedEnd-480 MuiInputBase-inputMarginDense-476 MuiInput-inputMarginDense-464 jss26"
value="">
<div class="MuiInputAdornment-root-482 MuiInputAdornment-positionEnd-485 MuiInputAdornment-marginDense-488"><button class="MuiButtonBase-root-497 MuiIconButton-root-489" tabindex="0" type="button"><span
class="MuiIconButton-label-496"><svg class="MuiSvgIcon-root-498" 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-1402"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss17 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="jss129">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-526 jss127" 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 jss17 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-536 MuiTextField-root-535 form-field-receiving_end_datetime jss23 MuiFormControl-marginDense-538" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-548 MuiInputLabel-root-540 MuiInputLabel-formControl-542 MuiInputLabel-animated-545 MuiInputLabel-shrink-544 MuiInputLabel-marginDense-543" data-shrink="true" for="uniforms-0007-0008"
id="uniforms-0007-0008-label">Receiving End Date</label>
<div class="MuiInputBase-root-563 MuiInput-root-552 jss24 MuiInputBase-formControl-564 MuiInput-formControl-553 MuiInputBase-adornedEnd-566 MuiInputBase-marginDense-567 MuiInput-marginDense-556"><input aria-invalid="false"
id="uniforms-0007-0008" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-571 MuiInput-input-559 jss25 MuiInputBase-inputAdornedEnd-576 MuiInputBase-inputMarginDense-572 MuiInput-inputMarginDense-560 jss26"
value="">
<div class="MuiInputAdornment-root-578 MuiInputAdornment-positionEnd-581 MuiInputAdornment-marginDense-584"><button class="MuiButtonBase-root-593 MuiIconButton-root-585" tabindex="0" type="button"><span
class="MuiIconButton-label-592"><svg class="MuiSvgIcon-root-594" 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-1412"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss17 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="jss129">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-000b" value=""><svg
class="MuiSvgIcon-root-622 jss127" 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 jss17 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-632 MuiTextField-root-631 form-field-departure_datetime jss23 MuiFormControl-marginDense-634" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-644 MuiInputLabel-root-636 MuiInputLabel-formControl-638 MuiInputLabel-animated-641 MuiInputLabel-shrink-640 MuiInputLabel-marginDense-639" data-shrink="true" for="uniforms-0007-000f"
id="uniforms-0007-000f-label">Departure Date</label>
<div class="MuiInputBase-root-659 MuiInput-root-648 jss24 MuiInputBase-formControl-660 MuiInput-formControl-649 MuiInputBase-adornedEnd-662 MuiInputBase-marginDense-663 MuiInput-marginDense-652"><input aria-invalid="false"
id="uniforms-0007-000f" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-667 MuiInput-input-655 jss25 MuiInputBase-inputAdornedEnd-672 MuiInputBase-inputMarginDense-668 MuiInput-inputMarginDense-656 jss26"
value="">
<div class="MuiInputAdornment-root-674 MuiInputAdornment-positionEnd-677 MuiInputAdornment-marginDense-680"><button class="MuiButtonBase-root-689 MuiIconButton-root-681" tabindex="0" type="button"><span
class="MuiIconButton-label-688"><svg class="MuiSvgIcon-root-690" 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-1422"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss17 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="jss129">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-000g" value=""><svg
class="MuiSvgIcon-root-718 jss127" 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 jss17 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 jss17 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 jss17 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-728 MuiTextField-root-727 form-field-arrival_datetime jss23 MuiFormControl-marginDense-730" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-740 MuiInputLabel-root-732 MuiInputLabel-formControl-734 MuiInputLabel-animated-737 MuiInputLabel-shrink-736 MuiInputLabel-marginDense-735" data-shrink="true" for="uniforms-0007-000j"
id="uniforms-0007-000j-label">Arrival Date</label>
<div class="MuiInputBase-root-755 MuiInput-root-744 jss24 MuiInputBase-formControl-756 MuiInput-formControl-745 MuiInputBase-adornedEnd-758 MuiInputBase-marginDense-759 MuiInput-marginDense-748"><input aria-invalid="false"
id="uniforms-0007-000j" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-763 MuiInput-input-751 jss25 MuiInputBase-inputAdornedEnd-768 MuiInputBase-inputMarginDense-764 MuiInput-inputMarginDense-752 jss26"
value="">
<div class="MuiInputAdornment-root-770 MuiInputAdornment-positionEnd-773 MuiInputAdornment-marginDense-776"><button class="MuiButtonBase-root-785 MuiIconButton-root-777" tabindex="0" type="button"><span
class="MuiIconButton-label-784"><svg class="MuiSvgIcon-root-786" 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-1432"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss17 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="jss129">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-000m" value=""><svg
class="MuiSvgIcon-root-814 jss127" 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 jss17 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-824 MuiTextField-root-823 form-field-fcl_available_datetime jss23 MuiFormControl-marginDense-826" decimal="1" data-cy="step-from-date"><label
class="MuiFormLabel-root-836 MuiInputLabel-root-828 MuiInputLabel-formControl-830 MuiInputLabel-animated-833 MuiInputLabel-shrink-832 MuiInputLabel-marginDense-831" data-shrink="true" for="uniforms-0007-000q"
id="uniforms-0007-000q-label">Fcl Available Date</label>
<div class="MuiInputBase-root-851 MuiInput-root-840 jss24 MuiInputBase-formControl-852 MuiInput-formControl-841 MuiInputBase-adornedEnd-854 MuiInputBase-marginDense-855 MuiInput-marginDense-844"><input aria-invalid="false"
id="uniforms-0007-000q" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-859 MuiInput-input-847 jss25 MuiInputBase-inputAdornedEnd-864 MuiInputBase-inputMarginDense-860 MuiInput-inputMarginDense-848 jss26"
value="">
<div class="MuiInputAdornment-root-866 MuiInputAdornment-positionEnd-869 MuiInputAdornment-marginDense-872"><button class="MuiButtonBase-root-881 MuiIconButton-root-873" tabindex="0" type="button"><span
class="MuiIconButton-label-880"><svg class="MuiSvgIcon-root-882" 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-1442"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss17 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="jss129">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-000r" value=""><svg
class="MuiSvgIcon-root-910 jss127" 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 jss17 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-920 MuiTextField-root-919 form-field-fcl_storage_datetime jss23 MuiFormControl-marginDense-922" decimal="1" data-cy="step-to-date"><label
class="MuiFormLabel-root-932 MuiInputLabel-root-924 MuiInputLabel-formControl-926 MuiInputLabel-animated-929 MuiInputLabel-shrink-928 MuiInputLabel-marginDense-927" data-shrink="true" for="uniforms-0007-000s"
id="uniforms-0007-000s-label">Fcl Storage Date</label>
<div class="MuiInputBase-root-947 MuiInput-root-936 jss24 MuiInputBase-formControl-948 MuiInput-formControl-937 MuiInputBase-adornedEnd-950 MuiInputBase-marginDense-951 MuiInput-marginDense-940"><input aria-invalid="false"
id="uniforms-0007-000s" name="" placeholder="yyyy/mm/dd" type="text" class="MuiInputBase-input-955 MuiInput-input-943 jss25 MuiInputBase-inputAdornedEnd-960 MuiInputBase-inputMarginDense-956 MuiInput-inputMarginDense-944 jss26"
value="">
<div class="MuiInputAdornment-root-962 MuiInputAdornment-positionEnd-965 MuiInputAdornment-marginDense-968"><button class="MuiButtonBase-root-977 MuiIconButton-root-969" tabindex="0" type="button"><span
class="MuiIconButton-label-976"><svg class="MuiSvgIcon-root-978" 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-1452"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root jss17 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="jss129">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-000v" value=""><svg
class="MuiSvgIcon-root-1006 jss127" 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 jss1016 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 jss1017 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 jss1017 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 jss1017 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 jss1017 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 jss1016 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 Task Type * Pickup 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 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