Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Component: Locale-aware Date Formatter

Aberta
#4 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
55/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, tailwindcss, typescript

Direção de pesquisa

Read CONTRIBUTING.md, then inspect existing components under src/registry/components/ and their documentation under content/docs/components/ to follow project conventions. Build the LocaleDate component with the listed props and formatting modes, using Intl.DateTimeFormat and accounting for RTL. Done means the component and its documentation page are present and cover the expected API and requirements.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

component date-time good first issue

Component: Locale-aware Date Formatter

Build a date formatting component that automatically formats dates based on the user's locale.

Requirements
  • TypeScript-first with exported props interface
  • Uses Intl.DateTimeFormat under the hood
  • Supports custom format options (date, time, datetime, relative)
  • RTL-aware
  • Tailwind CSS compatible
Expected API
<LocaleDate
  date={new Date("2026-08-15")}
  locale="fr-FR"
  format="datetime"
/>
Deliverables
  • Component source in src/registry/components/
  • Documentation page in content/docs/components/

See CONTRIBUTING.md.

Linguagem predominante
TypeScript
Estrelas
39
Forks
16
Merge médio
2d 12h
PRs com merge (30d)
10

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de babelize/babelize-elements

Todas as issues de babelize/babelize-elements

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.