magma

magma

  • Matter
  • CLI
  • API
  • Help
  • Blog
  • Resources

›Transaction-focused

Matter

  • Digital Substance

Primitives

  • Typography
  • Text Tokens
  • Color
  • Color Tokens
  • Icons
  • Grid
  • Spacing
  • Elevation

Components

    Transaction-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button Group
    • Button
    • Callout
    • Checkbox
    • Date Picker
    • Date Time Picker
    • Dropdown Menu
    • Filter Search
    • Filter Tags
    • Input Text
    • Link
    • Pagination
    • Progress Indicator
    • Radio Button
    • Rating
    • Select
    • Slider
    • Spinner
    • Tabs
    • Toast
    • Tooltip

    Content-focused

    • Core Editorial
    • Autoría

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • footer

    Other

    • Orden de trabajo
    • Otros

Patterns

  • This is document number 3

Date Picker

Descarga la librería LDDescarga la librería SD

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.

Datepicker - magma

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.

Datepicker opened - magma

← CheckboxDate Time Picker →
  • Recomendaciones de uso
magma
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