Thesaurus Design System

Thesaurus Design System

  • Brand
  • Digital Product
  • Help and Contribution
  • News and Updates
  • Resources

›Funtional-focused

Digital Product

  • Overview

Getting Started

  • About IE Design System
  • For designer
  • For developers

Language

  • Accessibility
  • Color
  • Typography
  • Estilos de texto
  • Breakpoints
  • Layout
  • Grid
  • Spacing
  • Elevation
  • Icons
  • Imagenes
  • Ilustraciones
  • Video
  • Motion

Themes

  • Themes
  • Design Tokens

Components

    Funtional-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button
    • Button dropdown
    • Button Group
    • Calendar
    • Checkbox
    • Date Picker
    • File Uploader
    • Filter Tag
    • Flag message
    • Input Text
    • Link
    • Loading spinner
    • Modal
    • Overflow menu
    • Pagination
    • Popover
    • Progress Indicator
    • Radio Button
    • Search
    • Select
    • Slider
    • Switch
    • Tabs
    • Text area
    • Toast
    • Tooltip

    Content-focused

    • Antetitle
    • Author Bar
    • Blockquote
    • Body
    • Code Snippet
    • Date Time Bar
    • Footnote
    • Heading
    • List
    • Paragraph
    • Reading Progress
    • Reading Time
    • Subtitle
    • Table - Structured List
    • Tags

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • Footer

    Editorial

    • Artículos y Eventos
    • Colecciones
    • Contacto
    • Contenido
    • Estudios
    • Iniciaticas y Proyectos
    • Personas

    Funcional

    • Descargas
    • Formularios
    • Funcionales
    • Interactivos
    • Social

    Other

    • Card
    • Table

Patterns

  • Articulos y Eventos
  • Colecciones
  • Contacto
  • Estudios
  • Finantial
  • Funcional
  • Iniciativas y Proyectos
  • Navegación
  • Personas

Date Picker

El componente Datepicker o Selector de fecha es un campo de texto para ingresar fechas. Proporciona asistencia de entrada a través de un menú de calendario. Se puede especificar un rango de fechas definiendo la fecha de selección más temprana y la propiedad Fecha de selección más reciente.

Están compuestos por:

  • Field label: es el título que indica qué tipo de fecha debe seleccionar el usuario. Las etiquetas suelen flotar sobre el campo de texto.
  • Placeholder text or selected date:: el texto placeholder (por ejemplo, DD / MM / YYYY) solicita al usuario que ingrese el formato de fecha correcto.
  • Calendar icon: el icono de calendario indica que este es un campo de entrada de fecha. Al hacer click sobre el icono se abre el Datepicker.

Recomendaciones de uso

  • Utilizarlo siempre que sea requerida una fecha.
  • Permite que los usuarios ingresen la fecha de la manera más flexible posible.
  • Debemos asegurarnos de que cada campo esté correctamente etiquetado: algunos países ingresan las fechas en orden de día, mes, año.
  • Puede ser tentador cambiar todos o algunos de estos campos de texto a menús desplegables, pero estos tienden a ser más difíciles de usar.
← CheckboxFile Uploader →
  • Recomendaciones de uso
Thesaurus Design System
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Secuoyas Experience SLU