@yamada-ui/react/dist/esm/components/date-picker/date-picker.style.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { defineComponentSlotStyle } from "../../core/system/config.js";
import { nativeSelectStyle } from "../native-select/native-select.style.js";
import { autocompleteStyle } from "../autocomplete/autocomplete.style.js";

//#region src/components/date-picker/date-picker.style.ts
const datePickerStyle = defineComponentSlotStyle({
	base: {
		...nativeSelectStyle.base,
		adjust: {
			fieldSizing: "content",
			flex: "inherit",
			w: "fit-content"
		},
		content: { p: "1" },
		field: autocompleteStyle.base?.field,
		input: {
			...autocompleteStyle.base?.input,
			"&[tabindex=\"-1\"]": { caret: "transparent" }
		},
		separator: {
			color: "fg.subtle",
			mx: "{gap}"
		}
	},
	variants: {
		filled: autocompleteStyle.variants?.filled,
		flushed: autocompleteStyle.variants?.flushed,
		outline: autocompleteStyle.variants?.outline,
		plain: autocompleteStyle.variants?.plain
	},
	sizes: {
		xs: nativeSelectStyle.sizes?.xs,
		sm: nativeSelectStyle.sizes?.sm,
		md: nativeSelectStyle.sizes?.md,
		lg: nativeSelectStyle.sizes?.lg,
		xl: nativeSelectStyle.sizes?.xl
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
export { datePickerStyle };
//# sourceMappingURL=date-picker.style.js.map