Input date - Champ de saisie de date

Un champs de saisie interactif permettant de saisir facilement une ou plusieurs dates

Exemples

Le composant input-date est un type de champ de saisie de date dérivé du composant input. Les exemples présentés ici concernent uniquement l'input-date. Pour les caractéristiques communes à tous les inputs, consultez la exemples du dsa-input.

Par défaut

Avec une locale spécifique

Avec minimum et maximum

Sans calendrier

Plage de date

Avec des dates désactivées


                                                        
                                                        
                                                            const getWeekNumber = (date: Date) => {
                                                            const d = new Date(
                                                            Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())
                                                            );
                                                            const dayNum = d.getUTCDay() || 7;
                                                            d.setUTCDate(d.getUTCDate() + 4 - dayNum);
                                                            const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
                                                            return Math.ceil(
                                                            ((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7
                                                            );
                                                        };
                                                        
                                                        const disableDate = (date: Date) => {
                                                            const dayOfWeek = date.getDay();
                                                            const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // Samedi et dimanche
                                                            const isWednessing = dayOfWeek === 3; // Mercredi
                                                            const weekNumber = getWeekNumber(date);
                                                            const isEvenWeek = weekNumber % 2 === 0;
                                                        
                                                            return isWeekend || (isWednessing && isEvenWeek);
                                                        };

Fonction disabledDate donnée à la propriété JS du même nom