$clay-time-btn: () !default;
$clay-time-btn: map-deep-merge(
	(
		align-items: center,
		display: inline-flex,
		font-size: 0.75rem,
		height: 1.5rem,
		justify-content: center,
		padding-bottom: 0,
		padding-left: 0,
		padding-right: 0,
		padding-top: 0,
		width: 1.5rem,
	),
	$clay-time-btn
);

$clay-time-form-control: () !default;
$clay-time-form-control: map-deep-merge(
	(
		align-items: center,
		display: inline-flex,
		flex-wrap: wrap,
		padding-bottom: 0.125rem,
		padding-top: 0.125rem,
	),
	$clay-time-form-control
);

$clay-time-form-control-inset: () !default;
$clay-time-form-control-inset: map-deep-merge(
	(
		margin-bottom: 0,
		margin-left: 0,
		margin-top: 0,
		text-align: center,
		width: 1.25rem,
		selection: (
			background-color: transparent,
		),
		focus: (
			background-color: #b3d8fd,
		),
	),
	$clay-time-form-control-inset
);

$clay-time-ampm: () !default;
$clay-time-ampm: map-deep-merge(
	(
		font-weight: 500,
		margin-left: 0.25rem,
		text-transform: uppercase,
		width: 1.5rem,
	),
	$clay-time-ampm
);

$clay-time-input-group-text: () !default;
$clay-time-input-group-text: map-merge(
	(
		background-color:
			setter(map-get($clay-time-input-group-text, bg), transparent),
		border-color: transparent,
		padding-bottom: 0,
		padding-left: 0,
		padding-right: 0,
		padding-top: 0,
	),
	$clay-time-input-group-text
);

$clay-time-divider-margin-left: null !default;
$clay-time-divider-margin-right: null !default;

$clay-time-edit: () !default;
$clay-time-edit: map-merge(
	(
		display: flex,
		flex-wrap: wrap,
		margin-right: auto,
		padding-left: 0.5rem,
		padding-right: 0.5rem,
	),
	$clay-time-edit
);

$clay-time-inner-spin: () !default;
$clay-time-inner-spin: map-merge(
	(
		border-color: $secondary-d1,
		border-radius: 8px,
		border-style: solid,
		border-width:
			if(
				variable-exists(btn-border-width),
				$btn-border-width,
				$border-width
			),
	),
	$clay-time-inner-spin
);

$clay-time-inner-spin-btn: () !default;
$clay-time-inner-spin-btn: map-deep-merge(
	(
		align-items: center,
		border-radius: map-get($clay-time-inner-spin, border-radius),
		border-width: 0px,
		display: inline-flex,
		font-size: 8px,
		height: auto,
		justify-content: center,
		padding-bottom: 2px,
		padding-left: 2px,
		padding-right: 2px,
		padding-top: 2px,
		width: auto,
	),
	$clay-time-inner-spin-btn
);