.date-picker-box {
			padding: 6px 12px 6px 12px;

			display: grid;
			grid-template-rows: 1fr;
			grid-template-columns: auto 1fr auto;
			grid-column-gap: 12px;
			justify-items: center;
			align-items: center;

			width: fit-content;

			max-width: 300px;
			
			cursor: pointer;

		}
		.date-picker-text {
		    display: block;
		    font-size: 1rem;
		    font-weight: 600;

		    color: black;
		    
		}
		.date-picker-icon {
			color: var(--primary-color);
			font-size: 1.2rem;
		}
		.date-picker-icon-dark {
			color: black;
			font-size: 1rem;
			font-weight: 600;
		}