demos/playground/demos/calendar/calendar.js
function rendYear(vm, args) {
		var prevYear = args.year - 1,
			nextYear = args.year + 1;

		return el(".year", [
			el("header", [
				el("button.prev", {onclick: [api.loadYear, prevYear]}, "< " + prevYear),
				el("strong", {style: {fontSize: "18pt"}}, args.year),
				el("button.next", {onclick: [api.loadYear, nextYear]}, nextYear + " >"),
			]),
			range(12).map(function(month) {
				return rendMonth(args.year, month);
			}),
		]);
	}
function rendYear(vm, args) {
		var prevYear = args.year - 1,
			nextYear = args.year + 1;

		return el(".year", [
			el("header", [
				el("button.prev", {onclick: [api.loadYear, prevYear]}, "< " + prevYear),
				el("strong", {style: {fontSize: "18pt"}}, args.year),
				el("button.next", {onclick: [api.loadYear, nextYear]}, nextYear + " >"),
			]),
			range(12).map(function(month) {
				return rendMonth(args.year, month);
			}),
		]);
	}
function rendYear ( vm , args ) { var prevYear = args . year - 1 , nextYear = args . year + 1 ; return el ( ".year" , [ el ( "header" , [ el ( "button.prev" , { onclick : [ api . loadYear , prevYear ] } , "< " + prevYear ) , el ( "strong" , { style : { fontSize : "18pt" } } , args . year ) , el ( "button.next" , { onclick : [ api . loadYear , nextYear ] } , nextYear + " >" ) , ] ) , range ( 12 ) . map ( function ( month ) { return rendMonth ( args . year , month ) ; } ) , ] ) ; }
top-level render
top - level render