present() muestra el selector de la plataforma para fechas, horas o modos combinados con opciones de min, max y formato. presentRange() gestiona la selección de rangos de inicio y fin. Personaliza los estilos de rueda o inline en iOS y los diálogos Material en Android desde un único API de TypeScript.
Casos de uso: reservas de viajes, formularios de agenda, captura de fechas de nacimiento y filtros que requieran un control nativo accesible.
| Plataforma | Soporte | Notas |
|---|
| iOS | Sí | Estilos de UIDatePicker, incluyendo ruedas e inline |
| Android | Sí | Selectores de fecha y hora Material |
| Web | Sí | Implementación de fallback en el plugin |
| iOS | Android |
|---|
 |  |
| iOS | Android |
|---|
 |  |
- Ofrece selectores nativos de fecha, hora, fecha/hora, año-mes y cuenta regresiva.
- Selecciona rangos de fechas mediante
presentRange().
- Formatea los valores devueltos con ISO, Java/Unicode y patrones comunes estilo Moment.
- Aplicar
min, max, date, locale, zona horaria y opciones de formato de 24 horas.
- Usa bloques de opciones específicos de iOS y Android cuando sea necesario.
- Cierra un picker activo programáticamente con
hide().
- Soporte para Capacitor 8.
- Implementación web con el mismo
present() API.
- Soporte para títulos de diálogo.
- Layout seguro para rotación en iOS y manejo de locale.
- iOS
yearAndMonth modo.
- Parsing más seguro para fechas inválidas, strings ISO, valores de solo fecha y
min / max.
- opciones anidadas en Android,
is24h, ancho de diálogo y manejo de diálogos en el hilo de UI.
- Intervalos de minutos para selectores de hora.
- Selección de rango mediante
presentRange().
| Característica | iOS | Android | Web |
|---|
present() | Sí | Sí | Sí |
presentRange() | Sí | Sí | Sí |
hide() | Sí | Sí | Sí |
date modo | Sí | Sí | Sí |
time modo | Sí | Sí | Sí |
dateAndTime modo | Sí | Sí | Sí |
yearAndMonth modo | Sí | Fecha de respaldo | Sí |
minuteStep | Sí | Sí | Sí |
| Método | Descripción |
|---|
present | Muestra un selector nativo o web para un valor único. |
presentRange | Muestra un selector de rango de fechas. Las plataformas nativas usan dos selecciones nativas; Web muestra los controles de inicio y fin juntos. |
hide | Cierra el selector visible actualmente, si hay alguno. |
getPluginVersion | Obtén el marcador de versión de la implementación de la plataforma. |
Esta referencia se sincroniza desde src/definitions.ts en capacitor-date-picker.