rl-core-front 0.16.1 → 0.16.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rl-core-front",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "description": "Telas e componentes Next.js do core: login com 2FA, usuários, RBAC, auditoria, logs e listagens com filtro dinâmico",
   "author": "Rodrigo Liberti",
   "license": "MIT",

package/src/components/ui/date-picker.tsx

@@ -54,6 +54,11 @@ export interface DatePickerProps {
  * O campo é **digitável**: `1108` já é 11 de agosto, e quem sabe a data não
  * precisa navegar meses no calendário para dizê-la. O calendário continua ali,
  * no ícone — é o caminho de quem procura o dia, não de quem já o conhece.
+ *
+ * Focar o campo marca a data inteira, e por isso a digitação sempre começa
+ * pelo dia. Com o cursor solto no fim do ano — onde o navegador o deixa —
+ * escrever outra data exigia apagar dez caracteres primeiro, e um dígito
+ * digitado ali entrava no meio do ano.
  */
 export function DatePicker({
   value,
@@ -145,6 +150,20 @@ export function DatePicker({
             inputMode="numeric"
             placeholder={placeholder ?? dayPlaceholder(locale)}
             onChange={(event) => digitar(event.target.value)}
+            // Chegou o foco, a data inteira fica marcada: o próximo dígito
+            // reescreve a data do dia em diante, em vez de se enfiar no meio
+            // do ano.
+            onFocus={(event) => event.currentTarget.select()}
+            // O clique é o nosso, e não o do navegador: o dele põe o cursor
+            // onde se clicou e desfaz, no `mouseup`, a seleção que o foco
+            // acabou de fazer. Só no primeiro clique — dentro do campo já
+            // focado, clicar e arrastar volta a valer.
+            onMouseDown={(event) => {
+              if (document.activeElement !== event.currentTarget) {
+                event.preventDefault();
+                event.currentTarget.focus();
+              }
+            }}
             // Sai do campo e o rascunho some: `11/0` não é data, e deixá-lo
             // escrito faria o campo mostrar uma coisa e o formulário guardar
             // outra.