Expose information about the current range to the datepicker actions

#### What are you trying to do?

I am trying to disable the apply button inside mat-date-range-picker-actions until a range is selected

#### What troubleshooting steps have you tried?

tried to see if any events fire on day selection so I can determine if the range is correct

#### Reproduction

https://stackblitz.com/edit/angular-date-range-picker-actions?file=src/app/date-range-picker-forms-example.html
Well, here is a start point. I could not find a way to disable the Apply button until both dates are selected.
Reson is the form data is not updated until Apply is clicked and I could not find any events that trigger on day selection. There are some for year and month but not day.

#### Environment

- Angular: 12
- CDK/Material: latest
- Browser(s): N/A
- Operating System (e.g. Windows, macOS, Ubuntu): N/A

リンクされている StackBlitz の再現から始め、mat-date-range-picker-actions がどのように state を受け取り、日付の選択がどのように公開されているかを追跡します。完了条件は、actions が現在の範囲で両方の日付が選択されているかどうかを判定でき、範囲が完成するまで Apply ボタンを無効のままにできることです。

索引モデルが issue の本文から書いたものです。