Estou trabalhando com esse exemplo de componente: https://stackblitz.com/edit/angular-ytr3qa
Eu preciso adicionar três recursos.
O primeiro acredito ter a ver com a classe, como nesse exemplo, se o dia estiver fora da data mínima ou máxima permitida, o dia ficaria "desativado", com uma coloração diferente. Minhas tentativas de reproduzir o exemplo acima foram todas falhas.
Deveria ficar mais ou menos assim:
O segundo recurso seria chamar o datapicker apenas quando um botão fosse clicado.
E o terceiro recurso tem a ver com regra de negócio, quando for selecionado o "dateFrom", eu gostaria de alterar a configuração, para que permitisse selecionar o "dateTo" para no máximo, daqui um mês, a partir da data selecionada no "dateFrom".
Eu tentei fazer o seguinte:
onDateSelection(date: NgbDateStruct, config: NgbDatepickerConfig) {
if (!this.fromDate && !this.toDate) {
this.fromDate = date;
config.maxDate = {year: date.year, month: date.month + 1, day: date.day};
} else if (this.fromDate && !this.toDate && after(date, this.fromDate)) {
this.toDate = date;
} else {
this.toDate = null;
this.fromDate = date;
config.maxDate = {year: date.year, month: date.month + 1, day: date.day};
}
}
Porém me retorna o seguinte erro:
ERROR Error: Cannot set property 'maxDate' of undefined
Isso também pode ser visto em https://stackblitz.com/edit/angular-ytr3qa