BP: calendar

by larsolesimonsen

HTML

<fieldset class="form-layout dont-print">
    <div class="item">
        <label for="Overviewdatepicker">Fra</label>
        <div>
            <input type="text" value="10-10-2011"/>
        </div>
    </div>
    <div class="item">
        <label>Periode</label>
        <div>
            <select id="timeScope"><option>foo</option><option>bar</option></select>
            <input type="submit" class="button alignright" value="Opdater"/>
        </div>
    </div>
</fieldset>
    <label>Here is some more markup</label>

CSS

.form-layout  { padding: 12px; }
.form-layout > * { clear: both; }/*reset float settings for the new form line*/
.form-layout .item > * { width:75%; float: right; margin-bottom: 10px; }/*properties for the input fields*/
.form-layout .item > label { width: 20%; float:left; }/*Properties for the input field labels*/
.form-layout .button { width: auto; } /*Buttons should always be autosized*/
.form-layout .inline-item { margin-left: 10px; }/*Adjacent inline items should be spaced*/
.large-text-area { height: 200px; display: block; }


.alignright { float: right; }