Volcanos(chat.ONFIGURE, {date: {
	onclick: function(event, can, meta, target, cbs) { cbs(function(can, cb) {
		function set(now) { cb(can, can.user.time(can, now), target.value) }

		var now = target.value? new Date(target.value): new Date()
		can.user.trans(can, kit.Dict("today", "今天", mdb.NEXT, "下一月", mdb.PREV, "上一月"))
		can.onmotion.clear(can, can._action), can.onappend._action(can, [cli.CLOSE,
			["hour"].concat(can.core.List(24)), ["minute"].concat(can.core.List(0, 60, 5)), ["second"].concat(can.core.List(0, 60, 5)),
			"today", "", mdb.PREV, ["year"].concat(can.core.List(now.getFullYear() - 10, now.getFullYear() + 10)),
			["month"].concat(can.core.List(1, 13)), mdb.NEXT,
		], can._action, {close: function(event) { can.close() },
			"hour": function(event, can, key, value) { now.setHours(parseInt(value)||0), show(now) },
			"minute": function(event, can, key, value) { now.setMinutes(parseInt(value)||0), show(now) },
			"second": function(event, can, key, value) { now.setSeconds(parseInt(value)||0), show(now) },
			"today": function(event) { now = new Date(), set(show(now)) },

			"prev": function(event) { now.setMonth(now.getMonth()-1), set(show(now)) },
			"year": function(event, can, key, value) { now.setFullYear(parseInt(value)), show(now) },
			"month": function(event, can, key, value) { now.setMonth(parseInt(value)-1), show(now) },
			"next": function(event) { now.setMonth(now.getMonth()+1), set(show(now)) },

			"随机": function(event) { now.setDate((Math.random() * 100 - 50) + now.getDate()), show(now) },
			"前一年": function(event) { now.setFullYear(now.getFullYear()-1), show(now) },
			"后一年": function(event) { now.setFullYear(now.getFullYear()+1), show(now) },
		})

		can._table = can.page.Appends(can, can._output, [{view: [chat.CONTENT, html.TABLE]}]).first
		var today = new Date(); function show(now) {
			can.Action("year", now.getFullYear())
			can.Action("month", now.getMonth()+1)
			can.Action("hour", now.getHours())
			can.Action("minute", parseInt(now.getMinutes()/5)*5)
			can.Action("second", parseInt(now.getSeconds()/5)*5)

			can.page.Appends(can, can._table, [{th: ["日", "一", "二", "三", "四", "五", "六"]}])
			var tr; function add(day, type) { if (day.getDay() == 0) { tr = can.page.Append(can, can._table, [{type: html.TR}]).last }
				can.page.Append(can, tr, [{text: [day.getDate(), html.TD, can.base.Time(today, "%y-%m-%d") == can.base.Time(day, "%y-%m-%d")? html.SELECT: type],
					dataset: {date: day.getTime()}, onclick: function(event) { set(now = new Date(parseInt(event.target.dataset.date))) },
				}])
			}

			var one = new Date(now); one.setDate(1)
			var end = new Date(now); end.setMonth(now.getMonth()+1), end.setDate(1)
			var head = new Date(one); head.setDate(one.getDate()-one.getDay())
			var tail = new Date(end); tail.setDate(end.getDate()+7-end.getDay())

			for (var day = new Date(head); day < one; day.setDate(day.getDate()+1)) { add(day, mdb.PREV) }
			for (var day = new Date(one); day < end; day.setDate(day.getDate()+1)) { add(day, mdb.MAIN) }
			for (var day = new Date(end); end.getDay() != 0 && day < tail; day.setDate(day.getDate()+1)) { add(day, mdb.NEXT) }
			return now
		} show(now)
		can._show = function(_now) { set(now = show(_now)) }
		can._now = function() { return now }
	})},
	onkeydown: function(event, can, meta, cb, target, sub, last) { if (sub.hidden()) { return } switch (event.key) {
		case "n": can.page.Select(can, sub._action, "input[name=next]", function(target) { target.click() }); break
		case "p": can.page.Select(can, sub._action, "input[name=prev]", function(target) { target.click() }); break
		case "j": sub._show(can.base.TimeAdd(sub._now(), 1)); break
		case "k": sub._show(can.base.TimeAdd(sub._now(), -1)); break
	} },
} })