Checkbox Groups, Radio Groups, and Date Fields

<lightning-checkbox-group
    label="Interests"
    options={interestOptions}
    value={selectedInterests}
    onchange={handleInterestsChange}>
</lightning-checkbox-group>

For selecting multiple values at once. Note that value here is an array of selected option values, not a single value — a common source of bugs when mixed up with lightning-radio-group below.

<lightning-radio-group
    label="Priority"
    options={priorityOptions}
    value={selectedPriority}
    type="radio"
    onchange={handlePriorityChange}>
</lightning-radio-group>

For selecting exactly one value among several. value here is a single string, not an array. The type attribute can also be "button" for a segmented-button appearance instead of radio dots.

<lightning-input label="Start Date" type="date" value={startDate} onchange={handleStartDateChange}></lightning-input>
<lightning-input label="Appointment Time" type="datetime" value={appointmentTime} onchange={handleTimeChange}></lightning-input>

Still lightning-input, just with type="date" or type="datetime". The underlying value is an ISO 8601-formatted string (e.g. 2026-08-09 or 2026-08-09T14:30:00.000Z) — worth knowing precisely when passing it on to an LDS write (Module 6) or Apex call (Module 7).