v-calendar-scheduler
Version:
Calendar scheduler component for VueJs
1 lines • 50.1 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{201:function(t,s,a){t.exports=a.p+"assets/img/event-dialog-example.4fe8bb96.png"},202:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfkAAAGfCAYAAABcG6ujAAAgAElEQVR4nO3df3DT953n8Zck20LBgZZkoXRrIC1ywIeXzJ7hkinYzVbJ3phlcmK4tiSBawpMhgHaAAMkU2a9zNBJCIOhCd5MB7vZQjekdx57cqw9nZ7ZnDGd5Ih7LTU4xOJKEtqlZBvSgImNjfS9P/TDki3/lvyVPn4+ZphI3+9Xn+9bij96fT+f71eS4/XXX7eCwaDu3Lmj3t5ehUIhBYNBhUIhWZYly7IE2OHQ/7K7AmBo2x6xuwJMZg6HQw6HQ06nUy6XS06nU7m5ucrJyZHL5VJOTo5yogG/bt06u+sFEmzZYncFAJB9jh07JklyOp1yhkIh9fb22lwSAABIheisfCgUCod8KBSyuyYAAJAC0Vy3LEvOYDCoYDBod00AACAForkeCoXktCyLkTwAAIaIjuIlhUMeAACYI/rpOGf0DgAAyH7xmU7IAwBgkAEhDwAAzEPIAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYChCHgAAQxHyAAAYipAHAMBQhDwAAON0/fqNtGw7XoQ8AADjcP787/TrX3foypVrw2575co1/frXHTp//ncTUBkhDwDAuEyfPlWS1NFxZcigv3Llmjo6riQ8Jt0IeQAAxqGgYJYKCwskDR708QFfWFiggoJZaa/LsqyJCPm3tafMr+K4f9/46ZWU7+X9n25TcdkhvZnyltMnG2sGAAw0VNDbEfBROWltveWQivec1sKNL6ntyfCT14e12nM6rXsFAGDCRcO7o+NKLNSj96WJD3gprdP1b2tPJOD/ezTgJWnOau17skDREf43flobGelHR7SJI//4Uf+bP0g+I/D+T7dp5dH3JZ3WdxMeM3hbSesdsO0V/XiDX8UbavV+3JZv/iB+2WD7iD6/t8NtRNbvadEwNQMAslX/Eb2dAS+lM+Rb3tIbmqf/XFow5GbvHr2irzfXq615mx7WFf14w3698ehutTXXq21fqd49+t1IMF7R5bmR5c31eulR6d2jtXpT0rwnD+nkxnmSSvVSc33koGKotvobbNsCfee/lUqBX+pfP4xu+7ZO/UJa+LX/pHkj2Me7R38m/X292ppf0jav9MZPwgcHyWsGAGS7goJZmjnzc7H7M2d+zpaAl9IY8u9/8KGkObpvzjAbPvqQHo7ebqnVocA8bVv7YPj+8tXa5pU6PrgiqUDfefLB2MMeLi2V9KEuf6jkhmxrFNsuf0iP6X39/HTkcS1v6Q2VatOTBSPax8KN2/WdOZJUoL/52jwpcEWXh3lJAADZ68qVa/rooz/H7n/00Z9H9PG6dEjbOfl5c+coGsIPDxH0C+f+Zex2+MDgfR1a69eh+I3u+4Okgtg5/ri9DNrusG2NeNsH9fVHpTf+9//R+08W6PLp09Kju/XwsI8DAEw2/S+ykxKn7Sd6RJ++C+/mFmihTuvnp6/oOyOcig4fGEjbjh+KjH7jRAL+sX312rc8en+wYfwwbY1y24dLS6Vf/FL/2iL9/BfSY/seHMHj3h56pwAAowx1Fb1dQZ++c/JzVuvFjfMGngf/sFZ7BrvILDI1fuh4XEC21OrHH0ZHzfP05bnhxW+eTnaJftz0/RBtjWa/8et//pNf6l2V6uvLx7CPQQ1xygEAkBWGCviRfI4+XdL6Ofl5Tx5S275SvbEn7qr4tf8szR1sZP+g9h1/Qgt/sb9v+59IfzNHmvfkdm3zhqfGi8v8OqXSfvv6Zjhw10avVB+8rdHsN7p+w8Z5ejfwvhZuXN13DcGo9pHs9elfMwAg24zkc/B2Bb2jurra6urq0pYtWyZkhwAAmOT8+d/p2rXrI/qYXPSAYNasGVq06MtpqefIkSPyeDxyu91p/jIcAAAMt2jRl/XFL96rGTOmDbttQcEsTZ3qGdG2qcB31wMAME6jCe2JCniJkAcAwFhOy7JkWZbddQAAgBSI5voE/QodAACwAyEPAIChnA6HQw6Hw+46AABACkRz3eFwMJIHAMBUhDwAAIYi5AEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABgqJ3rj3z+9ZWcdAAAgxWIh/xfTp9pZBwAASDGm6wEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYChCHgAAQxHyAAAYipAHAMBQhDwAAIYi5AEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgqBy7C5CkS7W75H85MHCFf5vanimd+IIAADBA5ozkF61VfXO92mL/XlBF4JCKy3aptmM0DZ3WgTK/DrSkq1AAALJD5oT8APdrdVW9XvEHtPeHdbpkdzkAAGSZDA75sGXla1Vy/m39Jjaaf0+1m/0qLov+ixvpt1SpuOyQjkk6tie8Pn5Ef+bwII8DAMBAGXFOfkiF96pIAV2+JqlQUkuTLn+rXm3Lw6sv1e6Sf2OVvtC8WcuWb1Zbc7EOlB2S9tVr5/K+Zs4c9muTtqmtOXKOv6VKxRt3SUdf1OrCiX5SAACkX8aP5KVZum9R3N3lmxPCe/5fPagSfaA/DjUq76hTTb1Pr8RfxLfcp4pFATX89r1UFwwAQEbI/JG8runy+X6LWqpUvKcpboFXK4Zs4qpa1aTWsqYBq0oeTkGJAABkoMwP+Y4/qV0+rV8uhc/HP6u95316pbleyySpo05PbXx7+HYWrVV91SrNT2+1AABkjAyfrn9PtT88Lm31RQL9ghrOe1VxdHP4/kjNmt3v4j0AAMyXuSHfUaenyp7VXu82vbr6/vCy+IvwJEUPAloTHhg+h99+Le5ce+F/0IpFAz+Kd+Zwlc6k8zkAAGCjzJmuP39c/rLjcQu8qjhar1cTrnwv1c59bSre49ex6Db71qpkT/x0/f1a/S2f9u55VsUvS+v21Wvn8vu1uuoFafOzCfso2fqCXk3ncwIAwEaO6upqq6urS1u2bLG7FgAAME5HjhyRx+OR2+3O4Ol6AAAwLoQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYKiM+D35YDCkzlufqaenV6FQyO5yAAAYNZfTqby8XE2depdcrswYQ9se8sFgSNc/+VQej1szPj89Y14YAABGIxgMqbv7tq5/8qlmfH6aXC6X3SXZP13feeszeTxu5WfQkQ8AAKPlcjk1dapHHo9bnbe67C5HUgaEfE9PrzxTpthdBgAAKeGZMkW9Pb12lyEpA0I+FAoxggcAGMPlciqYIdeXka4AABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYChCHgAAQxHyAAAYyvYfqAEAYCK1t7ervb1dV69elSTNnj1b8+fP1wMPPGBzZalHyAMAJoXOzk6dPHlSly9fTlh+8+ZNdXR06MKFC3rssceUn59vU4Wpx3Q9AMB4vb29OnXq1ICAj/fBBx+oqalJt2/fnsDK0suQkG/UBodDDodDDscSVQb61gQql0SWR/5taBxBWxvUf6vEdhLXN26Ia39JpQIazuj3MdRzjF+/pP+KQKWWDNomAEwOgUBAFy5ckCT5fD4tXbo0tm7p0qXy+XySwlP50e1MYEDIB1S5ZIXUYMmyLFkNi7WjMDHM1kfXWZas6vKhm2usU836VUrcqlH72/fG2ug4eE4rYgcLAV0saoita1i8Q4XDHUiMYR9DPcfwwUGdig6WDHxtHt+hxbHHSStGdBACAGa5dOlS7PaNGzdiQR8N+Bs3bsTWDzXazzbZH/KBkzqhg9odTczy3TpYUqO6SAIG2ltH05gqK87p4O7+BwLlqo47OPCuXKOScxcjYenV9u1968pXrU/9PoZ5jt7t78iyqrUyyb7aW9drVexxq7S+tZ2QBzDpXLt2LXb77Nmzampqks/nk8/nU1NTk86ePRtb//HHH9tRYloYEPLtal28QN7YAq8WLE7cpGbFCKerAyd1Qmu00jvURsn22aexrkbrVw0xWzCWfYzgOSbnVVHcwUDyGQQAQDzLsuwuIWWyPuQDF8+ppCgxMb1FJTp3MTxeLa+2EqfAh5iubty/Q4v3bk8a3n07rNSSFVJD/LR/44bYufS6VZaGOiMwln0M9xwH59X2dzpUVBE5yKkoUsdwpysAwEAzZ86M3Y5O0Tc1NcVG9PHn6O+55x47SkyLrA9574LFam1PDLtAe6sWLxgYo97tr+mgTuhk0mxsVF1N3NR2EoHKJXI8Lr1mVSeOhsurYwcSq+qGuvhubPsYzXPs15iWhBsL1/ea9DgX3wGYhObOnRu7PW3atNgUfXTqftq0abH1c+bMsaPEtMj6kJckxc6PS1JAF8+VqChp/gXU3rpYSbNxmKnsQOUSPa7XZL0z9Ci8vLph8PPe49nHiJ9jXHsnT0gHX9P26Hbe7dq7Pm76HgAmiaKiIhUVFUnSgHPw0aCXpIULF6q4uNiWGtMh+0O+fLcOaof2x84779eO2DnvRm2Iu9I9UFkxSMgOdjFc7IF6vH2v3tmeJFUDlapsjL9boZqSoiQHAuPYx5DPcXDelWukHfvjRu6NqqsZ/uAAAEyTl5cnn8+XMKLvr6CgQI888og8Hs8EVpZe2R/y8mr7awd1Lnpx3QqpIX4kXLMidr688MSa5Oekh7sYLtCu1rh2Ej6r7l2g9hWOxH0kG4mPZx/DPcdBX5rteqdBWhFrb4XU8I6SHUcAgOny8/P1xBNP6NFHH5XX69Vdd92lu+66S1/5ylfk8/n0xBNPGPVtd5LkqK6utrq6urRlyxZbCrj20ceaNdPeixwaNwx/wVw27AMAkBnszLYjR47I4/HI7XabMJIfr+EvhsuOfQAAkIgfqFG5qq10p+9E7AMAgESM5AEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGyrnZdVvd3T22FeB0OhUMhuRycbwBAMh+wWBILqd9mdbZ3aM7cqonJDndrhzluez74ru8vFx1d9+2bf8AAKRSd/dt5ebl2rb/PFeO3K4cuXNy7Z+uz5/q0a3PutR56zMFgyG7ywEAYEyCwZBu3erSrc+6lD81M36u1vbvrne5XLpnxnR13urS9U8+VShE0AMAso/L6VRuXq7umTFdLpfL7nIkZUDIS+Ggnz7NrN/wBQDAbrZP1wMAgPQg5AEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABjK+X/fvaZuu6sAAAAp5/zrhbM0xe4qAABAyjFdDwCAoZz/1mV3CQAAIB2cf7z4of5sdxUAACDlnNJtdTOaBwDAOJyTBwDAUE5NmabPeewuAwAApJpzIR+hAwDASE4G8QAAmCk7zsm3VKm4bJdqO+wuBACA7JFjdwFnDvu1qX6wtV5VHH1RqyeyIAAADGF7yC97pl5tz4RvX6rdJf+bD6q+apXmx29UuFltzXZUBwBA9sqO6XoAADBq2RHyLVUqLqvSmf73W6pUXOYP/9tcp0sKzwb0XxYvYX2ZXwdaEtefOewfcj0AANkiO0I+qSZt+lWx2prr1da8TevOH5e/zC//7/8uYdkPat+LPSJ2OqC5PrzN0bVq39MX5Jdqd2lTYG3f+n0+m54bAADjl8Uh79Mrz5RGbpfKv9WbdFnrmxcio/nTqn9Zqvhe3Pn+wlVa75eO/eq0JOmPvw9I3nv71i/frJ3LJ+TJAACQcrZfeJdSi2brC4Ot6/iT2hXQsY1+7e2/zh/+z7LytSrZeEjF9f8Svqq/MH2lAgCQbmaF/LB8eqV5s5YNtrpwlV5tXhU+57/Rr73Rj/AR9gCALJTF0/WjVHivitSkt0ZyId3yzWprfkEViwJq+O17w28PAEAGmjwhr1I95JeO7Ym7Sl/Spdqq2DfpnTmcuA4AgGw2qabrlz1Tr1fk16aypr6F/m1qi32lXlPCupKtL+jV1fdPaI0AAKSK4x//8UdWV3e3tm/7rt21AACAcao89JI8U6bIPWXKZJquBwBgciHkAQAwFCEPAIChCHkAAAxFyAMAYKic28E76gnesbsOAACQAj3BO3IG70h3epVzt8etHIXsrgkAAKRA/pQ8eTxuud1upusBADAVIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYChCHgAAQxHyAAAYipAHAMBQhDwAAIYi5AEAMBQhDwCAoQj5sWqpUnHZLtV22F0IkG1O60CZXwdaxtEE/Q8YkRy7C4i6VLtL/pcDcUu8qjj6olYXTnQl76l287Pae36w9T690rxZyyayJMAGA/ukNBH98sxhvzbVD7Y2sv/07R4wSkaE/JnDfm0KrFV984uaH1l2qbZKv4lu0FKl4j1KTbh21OmpjW9rxaBvVPdrdVV97E3kzGG/Nmmb2p4pTdxs+Wa1NY+3GCDDLVqr+qpVsX45EZY9U6+2Z8K3L9Xukv/NBwfWUEj/A0YiA0L+tN6q96riaGInnr9684S+sQAAYJoMOScfUMNv30u65sxhv4r3NElq0qYyv4rLqnQmfl1Z37+Ec3wddXqqbJdqW+r0VORx/6N2l4o3HlerAtq70T++c3otVQm1XKrdpeLNdTpTu6uvpsOnB9YZWRbvUvxjxnuuEpgg0b/5Sy1VcX+/SfpUwvoU/X3T/4ARyYCQL9XOfT61vvxs0g647Jl6te3zKXwuvF5t0Sn7jjq99aUX1NZcH/63z6dje/q/wQS093Xp+5HH/dfVL6rt6FqVyKuKo/Vqa07xucXzx1Wj9eF6jq5VSf0hFZf5VROtM7Is/k0kNh0ZfR5H16p9D280yBLnj8v/q+JYP3zFH9DeH9bpUnR9S5WK93wQ6W/1amt+Qfe9fkjH0lQL/Q9IlAEhr8j57W1aF+mUycJ+gMJV2rn6/rg2irVOAV2+lrjZum9N4PnERWv1/WhNhau03p982bFfRZ/fadW/LFV8L67GAdsANjp/XP64UW7x5rgAlyT59Erc9SrLyteq5Pzb+k2HJL2n2tebVLJ1fdzB9P1aXbVN69JRK/0PGCADzslHlWpnc6l26rQOlB1ScX3b8BfaddTpqY3H1Rq3KPHNw6v7ZqWj1lHw3jv4QUbHn9SugI5t9Gtv/3X+9JYFjMhwF94tmq0vDPrga7p83qsV37t/0C3Sjv6HSS6DQj6qVDubZ+m+zc+qptanZauTv0GEP2YTnnZ/tVBS5OAg+/CRPMA+9D+YLTOm6we4X1/wSq2/vzbI+tN6q15at8+Oz9GnUOG9KlKT3uL8H4yV5KLajj+p3Z5iEtH/MAlkQMif1oH+5+A76lRTL637j5FzfbNmq0Qf6I+xi+pm6b5FUvu1vjePM4dHeDFP4b0qSnLu3h6lesgvHdvTd5WwFP6OAL7JC9mvVP6tXrW+XBP39/yean+YeIrNPvQ/mC8zpuvrD6m4Pn6qPTwNHxulF67Sev9xbdro197I9Nrq761Vw8ZnVfxyeJN1+8IX7g2vVP6t/yL/Hr+O2faten2WPVOvV+TXprKmvoX+bWrjK72QCc4fl7/seMKikq0v6NVBTqP1N3/1i6rXLvlj5729qji6Tes2ZsapNfofTOeorq62urq6tGXLFrtrAQAA43TkyBF5PB653e5MmK4HAADpQMgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhsqI35MPBkPqvPWZenp6FQqF7C4HyHgup1N5ebmaOvUuuVzpOVanXwKjMxH9crRsD/lgMKTrn3wqj8etGZ+fnjEvDJDJgsGQurtv6/onn2rG56fJ5XKlvH36JTA66e6XY2F7z+289Zk8HrfyM+jIB8h0LpdTU6d65PG41XmrK+Xt0y+B0Ut3vxwL582u2+rs7rGtgJ6eXnmmTLFt/0A280yZot6e3pS3S78Exi5d/XKkOrt7dLPrtm523bZ/JB8KhRgpAGPkcjkVTMP5cvolMHbp6pdjQS8GAMBQOXd73MpRZhxxAACA8cmfkiePxy23281IHgAAUxHyAAAYipAHAMBQhDwAAIYi5AEAMBQhDwCAoQh5AAAMZfsP1AAma29vV3t7u65evSpJmj17tubPn68HHnjA5sqAyWsy9UtCHkiDzs5OnTx5UpcvX05YfvPmTXV0dOjChQt67LHHlJ+fb1OFwOQzGfsl0/VAivX29urUqVMD3kjiffDBB2pqatLt27cnsDJg8pqs/dKQkG/UBodDDodDDscSVQb61gQql0SWO+RwbFBjCtseet0o97LBIceG/tVF2h+wPOGB4943UisQCOjChQuSJJ/Pp6VLl8bWLV26VD6fT1J4yjC6nZkG7x+NGxx9/XJJpUb/50u/xOhM1n5pQMgHVLlkhdRgybIsWQ2LtaMwGuaN2t++N7zcstRx8JxWDNUxR9X2UOtG+xQqVXFuvdafq0vy+BKVnKsY5M0ioMqKcyopGctOkS6XLl2K3b5x40bsDSX6RnLjxo3Y+qFGFdlt6L5zsagh1i8bFu9QIf0SaTZZ+2X2h3zgpE7ooHaXR+6X79bBkhrVNUpSuaqry2ObeleuUcm5i0lGDY3akOyoe6i2h9zvaJ/CCWnNbu1ec04VSd41Fi+Wduwf2HCg8nGdWLNGi1tHv0+kz7Vr12K3z549q6amJvl8Pvl8PjU1Nens2bOx9R9//LEdJabfkP3Dq+3b+/pl+ar1gzRCv0TqTNZ+aUDIt6t18QJ5Ywu8WrB4pNuOo+3R7HfonejkCWnNSq+8K9dIJ04OOAgp2r1X62v6jxoatX+HtGblgrHsFBnCsiy7S0iPUfSPxroarV9VnnzlaNumXyIFTOqXWR/ygYvnVFKUGNveohKdu9ivSwYqtWSF1FCd7M2kXNXWO9reL/2HanvE+x32CZzUCa3RSq8k70qt0QmdHNBEuXYfTBw1BCorVLN+74CaYb+ZM2fGbkenApuammIjh/hzgffcc48dJabdsP2jcUPsnHzdKktJuyX9Eik0Wftl1oe8d8FitbYn9r5Ae6sWL+jrZYHKJXI8Lr1mVWsU44Uh2x7JfkciPCW4MjLy8Co8aBj4huTdHj9qCI8WDu4ezbPBRJk7d27s9rRp02JTgdEpwmnTpsXWz5kzx44S027Y/lFeHTsnv6pudBff0S8xFpO1X2Z9yEuSEs6zB3TxXImiB/OByiV6XK/Jemf7yKfpR9j2kOtGpFH7d7SqdUdhbFRTuKNVrTv2J7nQp2/UwGghsxUVFamoqEiSBpzri76hSNLChQtVXFxsS40TYoT9o7y6Qetb20d3hT39EqM0Wftl9od8+W4d1A7FZswa92tHdJotUKnH2/fqnWF73SAX+AzV9lDrRqqxTjUlB9URGdGE/3UMeqFQeNSwQoWMFjJaXl6efD5fwsihv4KCAj3yyCPyeDwTWNkEGqZfVsb9fQcqK1RTUpTkIJx+idSZrP3SgG+882r7awe1pNAhhyRpvRqsyKg90K7Wmh1y1MRvX6KDHQPP84267SHXjUxjXY1K1nT0e4xXK9eUaEddY5LzlOXafbBENe2MFjJdfn6+nnjiCbW2tury5cv6wx/+ICn89Zn33XefSkpK5HRm/zH24IboH94Fao8tl1RyUB2jmmmjX2JsJmO/dFRXV1tdXV3asmWLLQVc++hjzZppzkUOwERLRx+iXwLjY2cfOnLkiDwej9xutwHT9QAAIClCHgAAQxHyAAAYipAHAMBQhDwAAIYi5AEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEPZHvJOp1PBYMjuMoCsFAyG5ErDd23TL4GxS1e/HAvbq8jLy1V39227ywCyUnf3beXm5aa8XfolMHbp6pdjYXvI50/16NZnXeq89RkjB2CEgsGQbt3q0q3PupQ/NfU/i0m/BEYv3f1yLGz/qVmXy6V7ZkxX560uXf/kU4VCvKEAw3E5ncrNy9U9M6bL5XKlvn36JTBq6e6XY2F7yEvhN5Tp0/LtLgNAHPolkP1sn64HAADpQcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABiKkAcAwFA5N7tuq7u7x+46AABACnR29+iOnOoJSTl3e9zKEb8VDQCACfKn5MnjccvtdjNdDwCAqQh5AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8AgKEIeQAADEXIAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYChCHgAAQxHyAAAYipAHAMBQhDwAAIYi5AEAMFRO9Ma/f3rLzjoAAECKxUL+L6ZPtbMOAACQYkzXAwBgKEIeAABDEfIAABiKkAcAwFCEPAAAhiLkAQAwFCEPAIChCHkAAAxFyAMAYChCHgAAQxHyAAAYipAHAMBQhDwAAIYi5AEAMBQhDwCAoQh5AAAMRcgDAGAoQh4AAEMR8gAAGCrH7gIAAOZpv2rp7+sdunZDsiy7q8ksLoc0a7r0D//FUtFsR1r3xUgeAJBS7VctPf1PDv3xUwI+maAl/dufpad/4tBvrqT3BSLkAQApY1nhETzZPjzLkvaddMhK45FQzs2u2+ru7j2mDMYAAAR4SURBVEnbDgAAk4NlWbIsSx/dTO8UtEn+dFOxkHc4UvO6dXb36I6c6glJOXd73MpRKCUNAwAmN8uyFCJSRuxOKPyapSrgJSl/Sp48HrfcbjfT9QCA1Enn1LOp0vmaEfIAgJQg4McuXa8dIQ8AgKEIeQBAyjCaHz2m6wEAwKgR8gAAGIqQBwDAUIQ8AACGIuQBADAUv0IHAMh8s6XXvy19KW7RW43SznOp3c2B56QP/0l6+Wpq27ULIQ8AyGyLpTPl4VD/VlyoH3haWnBOumhfZRmPkAcAZLStD0q/Pztw1L7zR+H/HnhO+rBR+mp5eKT//PNSQ2T5Q5Ft40f98cvj1219Orz8oW9L3xxBO9mAkAcAZK7Z0ldnSL9sH3qzbz4obXi+b1S/9Wmp4Ky07JRiU/0rzoVDe+fzie1H1738I2lOv+n6odrJBoQ8ACDj/W6Yc+Q/+59x0/aRA4PjpyL3r0q/vC59bbHUMMho/suzw9slGEE7mY6QBwBkvKQhPJiZ4Wn7556Tnotb/FbkvweeixudR+6PpZ1sQMgDADJXZPT81aLRX/EePaeeYHF4BP/8qSQPGE07WYLPyQMAMtrLb0tfWiodWJy4/MDT0oJkDzgn/ey6tPbrfYsWfF3aOlvSR9LvFZkZkGKhH2/OzBG0kyUYyQMAMts5adlH4YvezpT3LX6rcfCPz0UvojuzNLLgurQhMnr/h7NS9bfDV9Dr/yVOv9eclarLw/t5/vmh28kGhDwAIPNdlb71fPJVO0e5/OKpvvPxI1k3WDvZgOl6AAAMRcgDAGAoQh4AAEMR8gAAGIqQBwDAUIQ8AACGIuQBADAUIQ8ASBmHwyEnyTJiOc7wa5Yu/K8AAKTUvVPtriB73JOf3vYJeQBASkRHpN//uztS+gan5nBIO//2TvhmmkbzhDwAIGUcDoeKvxjSoW/0aObdUhpnorOWyyHNmia9uKpHfz0nlNbper67HgCQMuFz8k791V8G9c/ru2RZlizLsrusjOJwOGKvk9PpIuQBAJkvGlbOyJV3DoeDkE8iMeSdsfvpQMgDAFImPuijIS+JoI+Ivj7RYE9nwEuEPAAgxeKDTCLg+4sP9XQGvETIAwDSYCKDDIPj6noAAAxFyAMAYChCHgAAQxHyAAAYipAHAMBQhDwAAIYi5AEAMBQhDwCAgRwORzjk+aICAADMEJ/phDwAAAZJCHkCHgAAs8R+6S76c3cAACD7RX8BUJKcLpdLLpfL5pIAAEAqRHPd6XQqp/N2j3p6eu2uCQAApMCtnl71yqHckJTzual36Y47z+6aAABACsy4O185OTnKzc1VTnSq/tixY+rt7VUoFFIwGFQoFJJlWbIsy+ZyR6ezu0f5UzhowcTg7w0Thb819Be7uM7pjE3P5+bmKicnp2+6Pv58vNPpjIV8Nga8JN2RUx6P2+4yMEnw94aJwt8akokGfTTUo4GfEPLRI4Ho6D0UCklSWkM+XW33hCS3m46AicHfGyYKf2uIiv/oe+wq+sgV9dGgj97//4uWkmNDmaKIAAAAAElFTkSuQmCC"},214:function(t,s,a){"use strict";a.r(s);var n=[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"event-model"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#event-model","aria-hidden":"true"}},[this._v("#")]),this._v(" Event model")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("The "),a("code",[t._v("Event")]),t._v(" model represents an event in the calendar. The most basic instance consists of "),a("code",[t._v("date")]),t._v(", "),a("code",[t._v("startTime")]),t._v(" and "),a("code",[t._v("endTime")]),t._v(".")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("It also contains some hidden logic that allows the calendar to perform validations and store some meta data "),s("strong",[this._v("without")]),this._v(" exposing this data to you, so the objects you pass to the calendar remain as you added them.")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"setting-or-adding-events"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#setting-or-adding-events","aria-hidden":"true"}},[this._v("#")]),this._v(" Setting or adding events")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("To add your events to the calendar simply pass an array with your events to the "),s("code",[this._v("events")]),this._v(" prop of the calendar.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("v-scheduler")]),t._v(" "),a("span",{attrs:{class:"token attr-name"}},[t._v(":events")]),a("span",{attrs:{class:"token attr-value"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("events"),a("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{attrs:{class:"token script language-javascript"}},[t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token function"}},[t._v("data")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n events"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n date"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n date"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n startTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"13:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n endTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"15:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" \n")]),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("You can pass events with just a "),a("code",[t._v("Date")]),t._v(" object."),a("br"),t._v("\nIf there is no "),a("code",[t._v("startTime")]),t._v(" the event will show on the "),a("code",[t._v("all day")]),t._v(" section of the "),a("code",[t._v("week")]),t._v(" and "),a("code",[t._v("day")]),t._v(" views. The "),a("code",[t._v("startTime")]),t._v(" is also used to sort events with the same date on the "),a("code",[t._v("month")]),t._v(" view.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If you pass an event "),a("strong",[t._v("with")]),t._v(" a "),a("code",[t._v("startTime")]),t._v(" but "),a("strong",[t._v("without")]),t._v(" an "),a("code",[t._v("endTime")]),t._v(" you will get an error.")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("The format for the times is "),s("code",[this._v('"HH:mm"')]),this._v(", using 24-hour.")])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"tip custom-block"},[s("p",{staticClass:"custom-block-title"},[this._v("TIP")]),s("p",[this._v("Any event you later to the array, as well as any event created using the "),s("a",{attrs:{href:"#event-dialog"}},[this._v("Event dialog")]),this._v(", will appear in the calendar automatically.")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"custom-attributes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#custom-attributes","aria-hidden":"true"}},[this._v("#")]),this._v(" Custom attributes")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token function"}},[t._v("data")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n events"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n date"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n startTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"13:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n endTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"15:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"Date with David"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n comments"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"MUST bring chocolate."')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n customAttribute"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"I\'m a custom attribute"')]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"setting-the-event-display"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#setting-the-event-display","aria-hidden":"true"}},[this._v("#")]),this._v(" Setting the event display")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("The props takes a "),s("code",[this._v("String")]),this._v(" as the key for the attribute you want to display. It can also take a callback function in case you need more control. This callback receives the event as a parameter and should return a "),s("code",[this._v("String")]),this._v(" with the value you want to display.")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h4",{attrs:{id:"using-a-string-as-key"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#using-a-string-as-key","aria-hidden":"true"}},[this._v("#")]),this._v(" Using a string as key:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("v-scheduler")]),t._v(" "),a("span",{attrs:{class:"token attr-name"}},[t._v(":events")]),a("span",{attrs:{class:"token attr-value"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("events"),a("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{attrs:{class:"token attr-name"}},[t._v("event-display")]),a("span",{attrs:{class:"token attr-value"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("name"),a("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v(" "),a("span",{attrs:{class:"token comment"}},[t._v("\x3c!-- Using the custom attribute 'name' as display key. --\x3e")]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{attrs:{class:"token script language-javascript"}},[t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token function"}},[t._v("data")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n events"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n date"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n startTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"13:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n endTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"15:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"Date with David"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n comments"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"MUST bring chocolate."')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n customAttribute"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"I\'m a custom attribute"')]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" \n")]),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h4",{attrs:{id:"using-a-callback-function"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#using-a-callback-function","aria-hidden":"true"}},[this._v("#")]),this._v(" Using a callback function:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("v-scheduler")]),t._v(" "),a("span",{attrs:{class:"token attr-name"}},[t._v(":events")]),a("span",{attrs:{class:"token attr-value"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("events"),a("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{attrs:{class:"token attr-name"}},[t._v(":event-display")]),a("span",{attrs:{class:"token attr-value"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("eventDisplay"),a("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v(" "),a("span",{attrs:{class:"token comment"}},[t._v("\x3c!-- Using a callback function. --\x3e")]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{attrs:{class:"token script language-javascript"}},[t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token function"}},[t._v("data")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n events"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n date"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n startTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"13:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n endTime"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"15:00"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"Date with David"')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n comments"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"MUST bring chocolate."')]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n customAttribute"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v('"I\'m a custom attribute"')]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token function"}},[t._v("eventDisplay")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("return")]),t._v(" event"),a("span",{attrs:{class:"token punctuation"}},[t._v(".")]),t._v("name "),a("span",{attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("' - '")]),t._v(" "),a("span",{attrs:{class:"token operator"}},[t._v("+")]),t._v(" event"),a("span",{attrs:{class:"token punctuation"}},[t._v(".")]),t._v("comments"),a("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" \n")]),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"event-dialog"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#event-dialog","aria-hidden":"true"}},[this._v("#")]),this._v(" Event dialog")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[s("img",{attrs:{src:a(202),alt:"Event dialog"}})])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If the user clicks on a date on the "),a("code",[t._v("month")]),t._v(" view the dialog will populate the "),a("code",[t._v("Date")]),t._v(" and leave the "),a("code",[t._v("Start Time")]),t._v(" and "),a("code",[t._v("End Time")]),t._v(" empty."),a("br"),t._v("\nIf the user clicks on a time block on the "),a("code",[t._v("week")]),t._v(" or "),a("code",[t._v("day")]),t._v(" views the dialog will populate the "),a("code",[t._v("Date")]),t._v(", the "),a("code",[t._v("Start Time")]),t._v(" and the "),a("code",[t._v("End Time")]),t._v(".")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"dialog-settings"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#dialog-settings","aria-hidden":"true"}},[this._v("#")]),this._v(" Dialog settings")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("To change any setting of the dialog, pass an object with your settings to the "),s("code",[this._v("event-dialog-config")]),this._v(" prop of the calendar.")])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"warning custom-block"},[s("p",{staticClass:"custom-block-title"},[this._v("These settings are not global.")]),s("p",[this._v("Remember that these settings work "),s("strong",[this._v("per instance")]),this._v(" only.")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Setting")]),a("th",[t._v("Description")]),a("th",[t._v("Type")]),a("th",[t._v("Default")])])]),a("tbody",[a("tr",[a("td",[t._v("title")]),a("td",[t._v("Sets the dialog title.")]),a("td",[t._v("String")]),a("td",[a("code",[t._v("'Create event'")])])]),a("tr",[a("td",[t._v("inputClass")]),a("td",[t._v("Additional classes for the dialog inputs. "),a("strong",[t._v("Classes are added to input parent")]),t._v(", not the input itself.")]),a("td",[t._v("String")]),a("td",[a("code",[t._v("null")])])]),a("tr",[a("td",[t._v("overrideInputClass")]),a("td",[t._v("By default classes set with "),a("code",[t._v("inputClass")]),t._v(" are "),a("strong",[t._v("appended")]),t._v(" to the default class. This setting removes default classes.")]),a("td",[t._v("Boolean")]),a("td",[a("code",[t._v("false")])])]),a("tr",[a("td",[t._v("createButtonLabel")]),a("td",[t._v("Text for the "),a("code",[t._v("Create")]),t._v(" button of the dialog.")]),a("td",[t._v("String")]),a("td",[a("code",[t._v("'Create'")])])]),a("tr",[a("td",[t._v("enableTimeInputs")]),a("td",[t._v("Toggles the "),a("code",[t._v("startTime")]),t._v(" and "),a("code",[t._v("endTime")]),t._v(" inputs.")]),a("td",[t._v("Boolean")]),a("td",[a("code",[t._v("true")])])]),a("tr",[a("td",[t._v("fields")]),a("td",[t._v("Additional fields.")]),a("td",[t._v("Array[Object]. "),a("a",{attrs:{href:"#custom-fields"}},[t._v("Check Custom fields")]),t._v(".")]),a("td")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"custom-fields"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#custom-fields","aria-hidden":"true"}},[this._v("#")]),this._v(" Custom fields")])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"warning custom-block"},[s("p",{staticClass:"custom-block-title"},[this._v("Input type support")]),s("p",[this._v("Checkboxes, radio and selects are "),s("strong",[this._v("not")]),this._v(" supported yet. This will be fixed in the next release.")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),a("th",[t._v("Description")]),a("th",[t._v("Type")]),a("th",[t._v("Default")]),a("th",[t._v("Required")])])]),a("tbody",[a("tr",[a("td",[t._v("name")]),a("td",[t._v("Sets the name of the html input. It should match the name of the "),a("a",{attrs:{href:"#custom-attributes"}},[t._v("custom attribute")]),t._v(" you want to set.")]),a("td",[t._v("String")]),a("td",[t._v("N/A")]),a("td",[t._v("Yes")])]),a("tr",[a("td",[t._v("type")]),a("td",[t._v("Sets the input type. Supports almost any HTML5 input type and textarea.")]),a("td",[t._v("String")]),a("td",[a("code",[t._v("'text'")])]),a("td",[t._v("No")])]),a("tr",[a("td",[t._v("label")]),a("td",[t._v("Sets the input label. Defaults to the "),a("code",[t._v("name")]),t._v(" attribute.")]),a("td",[t._v("String")]),a("td",[a("code",[t._v("name")]),t._v(" attribute")]),a("td",[t._v("No")])]),a("tr",[a("td",[t._v("showLabel")]),a("td",[t._v("Shows/hides the input label.")]),a("td",[t._v("Boolean")]),a("td",[a("code",[t._v("true")])]),a("td",[t._v("No")])]),a("tr",[a("td",[t._v("required")]),a("td",[t._v("Adds/removes the "),a("code",[t._v("required")]),t._v(" HTML attribute.")]),a("td",[t._v("Boolean")]),a("td",[a("code",[t._v("false")])]),a("td",[t._v("No")])]),a("tr",[a("td",[t._v("value")]),a("td",[t._v("Sets the initial input value.")]),a("td",[t._v("Mixed")]),a("td",[a("code",[t._v("null")])]),a("td",[t._v("No")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"tip custom-block"},[a("p",{staticClass:"custom-block-title"},[t._v("Inline fields")]),a("p",[t._v("You can group fields to display them inline (like the default "),a("code",[t._v("time")]),t._v(" fields)."),a("br"),t._v("\nTo do this, pass an object with a "),a("code",[t._v("fields")]),t._v(" array and an optional "),a("code",[t._v("label")]),t._v(". Check the example below.")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"dialog-example"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#dialog-example","aria-hidden":"true"}},[this._v("#")]),this._v(" Dialog example")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("vue-scheduler")]),t._v(" "),a("span",{attrs:{class:"token attr-name"}},[t._v(":event-dialog-config")]),a("span",{attrs:{class:"token attr-value"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("dialogConfig"),a("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{attrs:{class:"token script language-javascript"}},[t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token function"}},[t._v("data")]),a("span",{attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n dialogConfig"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'Custom dialog title'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n createButtonLabel"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'Save event thingy'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n enableTimeInputs"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token boolean"}},[t._v("false")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n fields"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'name'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n label"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'Event name'")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'email'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n type"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'email'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n required"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token boolean"}},[t._v("true")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n label"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'E-mail'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n value"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'email@example.com'")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'Grouped'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n fields"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'Field 1'")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'Field 2'")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'comments'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n type"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'textarea'")]),a("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n label"),a("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),a("span",{attrs:{class:"token string"}},[t._v("'comments'")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")]),a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token tag"}},[a("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h4",{attrs:{id:"this-produces-the-following-dialog"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#this-produces-the-following-dialog","aria-hidden":"true"}},[this._v("#")]),this._v(" This produces the following dialog:")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[s("img",{attrs:{src:a(201),alt:"Event dialog example"}})])}],e=a(1),o=Object(e.a)({},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"content"},[t._m(0),t._m(1),t._m(2),t._m(3),t._m(4),t._m(5),t._m(6),t._m(7),t._m(8),t._m(9),t._m(10),a("p",[t._v("If you want to add more attributes to your events, like a name, simple add them to each event object.")]),t._m(11),t._m(12),a("p",[t._v("By default the events on the calendar display only the "),a("code",[t._v("startTime")]),t._v(" if any."),a("br"),t._v("\nIf you want to display something else for each event, set the "),a("code",[t._v("event-display")]),t._v(" prop on the calendar instance ("),a("router-link",{attrs:{to:"/guide/config.html#available-settings-props"}},[t._v("check available props")]),t._v(").")],1),t._m(13),t._m(14),t._m(15),t._m(16),t._m(17),t._m(18),a("p",[t._v("The default, basic dialog looks like this:")]),t._m(19),t._m(20),t._m(21),t._m(22),t._m(23),t._m(24),t._m(25),a("p",[t._v("Each field consists of the following attributes:")]),t._m(26),t._m(27),t._m(28),t._m(29),t._m(30),t._m(31),t._m(32)])},n,!1,null,null,null);s.default=o.exports}}]);