<select name="dynamicname" id="dynamicName">
	<option value="0">Please select</option>
	<option value="1">Value 1</option>
	<option value="2">Value 2</option>
	<option value="3">Value 3</option>
	<option value="4">Value 4</option>
	<option value="5">Value 5</option>
</select>
<select name="dynamicname" id="dynamicName">
	<option value="0">Please select</option>
	<option value="1">Value 1</option>
	<option value="2">Value 2</option>
	<option value="3">Value 3</option>
	<option value="4">Value 4</option>
	<option value="5">Value 5</option>
</select>
/* No context defined for this component. */
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
input[type="number"],
textarea {
    appearance: none;
    -webkit-font-smoothing: antialiased;
    min-height: 34px;
    padding: 0.2em;
    background-color: $white;
    transition: all 300ms ease;
    border: 2px solid $grey;
    &:focus {
    	outline: none;
        border: 2px solid $grey--light;
    }
    &:disabled {
        background-color: rgb(236, 241, 244);
    }

    &.input--block {
        width: 100%;
    }
}
.input--date {
    background-image: url('/assets/icons/calendar.png');
    background-image: url('/assets/icons/calendar.svg');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 2.5em;
    background-size: 18px;
    background-position-x: 98%; 
}
$(document).ready(function() {
	if ($('.js-input-date-from').length> 0 || $('.js-input-date-to').length > 0){
		var pickerFrom = new Pikaday({ field: $('.js-input-date-from')[0] });
        var pickerTo = new Pikaday({ field: $('.js-input-date-to')[0] });
	}
});

There are no notes for this item.