Skip to content

Is there a way to use mat-calendar with range dates? #20309

@thais-molica

Description

@thais-molica

I see mat-date-range-picker uses mat-calendar internaly. Is there a way I can use directly the mat-calendar and yet select a range of dates? I'm asking this because I want to customize my modal and display a list of suggested date ranges along with the calender it self. Seems to me that the better way to do this is using only the calendar.

I would like to do something like this:

<div class="modal">
  <ul>
    <li>Date range suggestion</li>
  </ul>
  <mat-calendar></mat-calendar>
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions