Quillo.qweComponents

Tags

#picker

28 components tagged picker. Narrow them down with a search or more tags.

Forms 19

BirthdayInputDay, month and year drop-downs that give one date in a hidden input, the days following the month and the years the age allowed.formsselectpickercalendarinteractive5 views · 7 downloadsColorPickerA colour as hex, or picked from a square, a hue slider and swatches; it says when hex is wrong.formspickerinteractive4 views · 5 downloadsColorSwatchesPick one colour from a set of round swatches: real radio buttons, so they post with a form and work with the keyboard.formspickerinputthemeno-js5 views · 5 downloadsCountryPickerA drop-down of every country with its flag and ISO code, favourites first, sending the two-letter code with a form.formsselectpickerno-js5 views · 7 downloadsDatePickerA date typed as YYYY-MM-DD or picked in a calendar grid, with the keyboard, limits and days that cannot be chosen.formspickercalendarinteractive7 views · 6 downloadsDateRangePickerA first and last day picked on two months (with a preview as you go) or from presets such as Last 7 days; or a stay in nights, around booked days, with a price under each.formspickercalendarinteractive4 views · 6 downloadsEmojiPickerPick an emoji from tabs of categories or by searching their names; each is named for screen readers and a form gets the one picked.formspickersearchsocialinteractive4 views · 7 downloadsFontPickerA drop-down of fonts, each option drawn in itself, with a preview line in the one chosen.formsselectpickertypographyno-js5 views · 7 downloadsGuestPickerHow many adults, children, infants and pets are coming, said in one line, with a most for guests.formspickerinteractive5 views · 7 downloadsIconPickerPick an icon from a grid of 51, narrowed by a search over names and meanings; the arrow keys move and a form gets the name.formspickericonsearchinteractive5 views · 5 downloadsImagePickerOne of several pictures chosen by its thumbnail: real radios under the pictures, so a form sends the choice and the arrow keys move it.formsinputimagepickerno-js6 views · 7 downloadsLanguagePickerA drop-down of languages each written in its own name, sending the ISO 639-1 code with a form.formsselectpickeraccessibilityno-js5 views · 5 downloadsMonthPickerA month and year picked from a grid of twelve months under the year, from a button or in the page, sent as YYYY-MM.formspickercalendarkeyboardinteractive4 views · 7 downloadsMultiSelectSeveral choices from a searchable drop-down of checkboxes, shown as chips that come off with ×.formsselectpickerinteractive5 views · 8 downloadsRecurrencePickerHow something repeats, daily, weekly on chosen days, monthly or yearly, and when it ends, said in words and sent as a rule and an RRULE.formspickercalendarscheduleinteractive5 views · 7 downloadsTimeSlotsTimes to choose one from, with the places left at each; full ones cannot be chosen.formspickerscheduleinteractive5 views · 5 downloadsTimezonePickerA drop-down of time zones grouped by region, each with its UTC offset for today, sending the IANA name with a form.formsselectpickertimeno-js5 views · 5 downloadsWeekPickerAn ISO week picked from a month shown as numbered weeks, by click or the arrow keys, sent as 2026-W45.formspickercalendarkeyboardinteractive5 views · 8 downloadsYearPickerA year picked from a grid of a decade, turned ten years at a time, from a button or in the page.formspickercalendarkeyboardinteractive4 views · 7 downloads

Commerce 1

VariantPickerSizes as buttons and colours as swatches, sold-out ones crossed out: radio groups for the keyboard, hidden inputs for forms.commerceformsselectpickerinteractive6 views · 6 downloads

Travel 2

FareCalendarA month of the cheapest fare each day: prices coloured cheap to dear, the lowest day marked, months with fares to move between, and a day to pick.travelflightscalendarpickerinteractive8 views · 8 downloadsSeatMapA plane's cabin to pick a seat for each passenger: aisles, window and aisle seats, taken seats, exit and extra legroom rows, a price per seat and the total.travelflightsformspickerinteractive8 views · 7 downloads

Scheduling 1

AvailabilityGridDays across and hours down: click or drag across the cells to mark when you are available; the slots go in a hidden input.schedulecalendarformspickerdraginteractive7 views · 8 downloads

Mobile 5

DateWheelsMonth, day and year wheels that keep each other valid, with limits, and a value in ISO.mobileinteractivedatepickerwheelforms2 views · 6 downloadsFullscreenPickerA full-screen list to pick from, with search and a header with Done, that stays clear of the on-screen keyboard; on a tablet, a card.mobileinteractivetabletpickersearchselect2 views · 6 downloadsSheetSelectA select that opens as a bottom sheet, with search past a size, multi-select with Done, and a real field in a form.mobileinteractiveselectsheetpickerforms2 views · 9 downloadsTimeWheelsHour, minute and AM/PM wheels with steps, a 24-hour mode by locale, and limits across midnight.mobileinteractivetimepickerwheelforms3 views · 10 downloadsWheelPickerA drum wheel of options scrolled by finger, with the system's momentum, snapping on a row, and a real select underneath.mobileinteractivepickerwheelselectforms2 views · 5 downloads

Other tags

interactive504no-js370mobile211forms176tablet151data128smart100list84chart80commerce68input64navigation63layout59card57finance52gesture48media44dashboard42text39button38feedback38keyboard37social37marketing36table34typography32search31status31user31document30image28picker28link26page26time26banking25calendar24overlay24select24progress23trading22calculator21schedule21travel20grid19settings19menu18news18security18utility18offline17price17blogging16dialog16sheet16swipe15accessibility14drag14notification14tabs14upload14chat13checkout13filter13popover13file12loans12section12audio11loading11profile11coop10forex10icon10code9article8camera8developer8flights8form8print8record8validation8comment7location7onboarding7pricing7video7cart6json6theme6animation5barcode5field5health5keypad5map5planning5qr5scroll5sort5admin4analytics4clock4dates4editor4feed4header4live4notes4parser4photo4player4seo4share4statistics4subscription4toast4analysis3banner3billing3budget3checklist3compare3date3election3games3gloves3gps3haptics3monitoring3number3panes3payment3pen3rotation3sensor3sync3tasks3timeline3timer3toolbar3tracking3undo3units3update3url3voice3wheel3wizard3writing3alerts2balance2capacity2cards2colour2columns2csv2currency2dedupe2device2discount2draft2drawing2education2email2experiment2feeds2files2forecast2fuzzy2help2history2hotels2links2long-press2meetings2merge2messages2money2motion2network2otp2panel2payments2permission2permissions2photos2pin2pinch2query2questions2quiz2rating2reactions2refresh2reorder2report2responsive2retry2scanner2selection2shipping2sign-in2slider2split2stock2storage2store2stories2summary2svg2tax2ticket2till2timezone2tracker2transfer2version2wallet2zoom2accordion1activities1ads1agenda1aggregate1agile1alert1amount1annotate1anomaly1api1app-shell1approval1archive1assessment1audit1autosave1availability1back1backlog1backtest1badge1bank1bar1battery1bibliography1bill1bills1book1bracket1branching1browser1builder1bulk1bundle1business1buy1byline1campaign1carousel1cars1cash1change1changes1check1chips1citation1cleaning1clipboard1cloud1cohort1combobox1comments1compass1conditional1configurator1confirm1conflicts1contact1context-menu1contrast1conversion1converter1cooking1copy1cost1coupon1cron1curl1dark-mode1deadline1debt1decimal1decision1decode1delivery1dependencies1design1detents1diff1disclosure1documents1downloads1dst1duplicates1edit1emoji1empty1encoding1entropy1envelopes1error1event1expenses1explorer1export1fab1faq1fashion1first-run1fit1fixtures1flashcards1flashlight1flesch1floor-plan1formatter1formula1frame1fullscreen1funnel1gallery1game1generator1geofence1goals1grades1grammar1group1groups1guard1handwriting1haptic1heading1headline1heatmap1hours1http1i18n1iban1import1income1indicator1inference1insights1interest1invoice1ios1isbn1job1jsonpath1jwt1kanban1keywords1kiosk1league1learning1level1like1lint1loan1localization1lock1logs1lyrics1mail1margin1markdown1markup1master-detail1matching1memory1mention1modal1mortgage1music1natural1notch1notice1notifications1options1order1orientation1outlier1overflow1overtime1packing1pagination1passcode1password1paste1pattern1payoff1payroll1paywall1people1plans1podcast1pointer1policy1poll1power1preview1profiling1projects1properties1publishing1quality1queue1rail1ranked1ranking1readability1reader1receipt1recipe1recommendations1records1reference1refinance1regex1register1regression1reliability1reload1reply1resize1resources1restaurant1resume1retention1revision1rewards1rings1risk1roles1roster1rota1rules1salary1save-data1savings1schema1screen1seats1seeds1seek1series1shake1shortcuts1sidebar1signature1signup1sizing1slo1slug1splash1sports1spotlight1spreadsheet1sql1stack1staff1standings1startup1status-bar1stepper1steps1sticky1streaks1study1style1subscribe1subtotals1support1survey1switch1tags1team1teams1temperature1template1time-zones1tip1tldr1toggle1torch1tour1tournament1transit1translation1tree1trend1tutorial1typo1unread1unsaved1username1validate1vibrate1viewer1virtual1visualisation1vote1voting1wake-lock1warehouse1waveform1wcag1weather1weight1weights1widget1world1