JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="form-group form-group-lg error_container dob_container">
		<label for="field01" class="control-label column">Date of Birth</label>
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		    <div class="row">
				<div class="col-xs-5 remColPad removeRight">
					<select id="field01" class="form-control input-lg col-sm-12">
						<option value="">Month</option>
						<option value="January">January</option>
						<option value="February">February</option>
						<option value="March">March</option>
			    		<option value="April">April</option>
					</select>
				</div>
			    <div class="col-xs-3 remColPad">
                    <input id="day01" maxlength="2" type="text" name="day01" value="" class="form-control input-lg day_field col-sm-12" placeholder="DD" />
			    </div>
			    <div class="col-xs-4 remColPad">
                    <input id="year01" maxlength="4" type="text" name="year01" value="" class="form-control input-lg year_field col-sm-12" placeholder="YYYY"/>
			    </div>
		    </div>
	    </div>
</div>

CSS

select, input{border-radius: 0 !important;}

.remColPad{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.removeRight{
		margin-left: 0px !important;
	}
.removeLeft{
		margin-right: 15px !important;
	}