alinea/dist/input/date/DateField.browser.js

[](https://npmjs.org/package/alinea) [](https://packagephobia.com/result?p=alinea)

import "../../chunks/chunk-U5RRZUYZ.js";

// src/input/date/DateField.browser.tsx
import { Field } from "alinea/core";
import { useField } from "alinea/dashboard/editor/UseField";
import { InputLabel } from "alinea/dashboard/view/InputLabel";
import { fromModule } from "alinea/ui";
import { IcRoundDateRange } from "alinea/ui/icons/IcRoundDateRange";
import { date as createDate } from "./DateField.js";

// src/input/date/DateInput.module.scss
var DateInput_module_default = {
  "root-input": "alinea-DateInput-input",
  "rootInput": "alinea-DateInput-input"
};

// src/input/date/DateField.browser.tsx
export * from "./DateField.js";
import { jsx } from "react/jsx-runtime";
var date = Field.provideView(DateInput, createDate);
var styles = fromModule(DateInput_module_default);
function DateInput({ field }) {
  const { options, value, mutator } = useField(field);
  return /* @__PURE__ */ jsx(InputLabel, { asLabel: true, ...options, icon: IcRoundDateRange, children: /* @__PURE__ */ jsx(
    "input",
    {
      className: styles.root.input(),
      type: "date",
      value: value ?? "",
      onChange: (e) => mutator(e.currentTarget.value),
      autoFocus: options.autoFocus,
      disabled: options.readOnly
    }
  ) });
}
export {
  date
};