Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Checkbox card Checkbox Currency input Date input Date range calendar File select Input Label Location input Multi select Multiple location input Otp input Phone input Radio Search Segmented date input Select Slider Smart textarea Textarea Timepicker Toggle

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Forms Multiple location input

Multiple location input

Autocompleting "from" and "to" location inputs that can be swapped or cleared

Contents

Sizes
Inputs
firstLocationControl : FormControl<LocationInputCustomCoordinate | LocationInputCustomAddress | LocationInputMapLocation>
secondLocationControl : FormControl<LocationInputCustomCoordinate | LocationInputCustomAddress | LocationInputMapLocation>
autocompleteCountries ?: string | string[]

Country restrictions override for autocomplete predictions.

countryRestrictions ?: readonly Country[]
detectLocation ?: boolean = true
dynamicValidation ?: boolean = false

First validation happens only on blur, and validates on value changes once an error exists

firstLocationPlaceholder ?: any = $localize`Enter a location`
inputSize ?: MultipleLocationInputSize = InputSize.MID

Currently only supports LARGE and MID values. Additional sizes require scss modifications

isSecondLocationRequired ?: boolean = false
locationType ?: AutocompleteLocationType = AutocompleteLocationType.ALL
secondLocationPlaceholder ?: any = $localize`Enter a second location`