<commit_before><template>
  <div class="page">
    <simple-header title="Calendar" :back-link="true"></simple-header>
    <content>
      <calendar :date.sync="date" min="1990-12-12" max="2020-12-01"></calendar>
      <p>Inline Calendar：{{date}}</p>
      <div class="list-block">
        <ul>
          <!-- Text inputs -->
          <li>
            <div class="item-content">
              <div class="item-media">
                <img src="../assets/images/form/i-form-name.png" alt="" width="30" />
              </div>
              <div class="item-inner">
                <div class="item-title label">Popup Calendar</div>
                <div class="item-input">
                  <input type="text" v-model="date2" @click="showCalendar2 = true" readonly>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </content>
    <popup :show.sync="showCalendar2" :show-title-bar="false">
      <calendar :date.sync="date2"></calendar>
    </popup>
  </div>
</template>

<script>
import Content from '../components/content'
import { SimpleHeader } from '../components/header'
import Popup from '../components/popup'
import { Calendar } from '../components/calendar'

export default {
  components: {
    Content,
    SimpleHeader,
    Calendar,
    Popup
  },
  methods: {
    disable (str, date) {
      return date.day() === 4 // disable thursday
    }
  },
  data () {
    return {
      date: '2012-12-12',
      date2: '2012-12-12',
      showCalendar2: false
    }
  },
  watch: {
    date2 (v, ov) {
      this.showCalendar2 = false
    }
  }
}
</script>
<commit_msg>fix calendar demo<commit_after><template>
  <div class="page">
    <simple-header title="Calendar" :back-link="true"></simple-header>
    <content>
      <calendar :date.sync="date" min="1990-12-12" max="2020-12-01"></calendar>
      <p>Inline Calendar：{{date}}</p>
      <form-list>
        <form-item>
          <div class="item-media">
            <img src="../assets/images/form/i-form-name.png" alt="" width="30" />
          </div>
          <div class="item-content">
            <div class="item-title label">Popup</div>
            <div class="item-input">
              <input type="text" v-model="date2" @click="showCalendar2 = true" readonly>
            </div>
          </div>
        </form-item>
      </form-list>
    </content>
    <popup :show.sync="showCalendar2" :show-title-bar="false">
      <calendar :date.sync="date2"></calendar>
    </popup>
  </div>
</template>

<script>
import Content from '../components/content'
import { SimpleHeader } from '../components/header'
import Popup from '../components/popup'
import { Calendar } from '../components/calendar'
import { Form, FormItem } from '../components/form'

export default {
  components: {
    Content,
    SimpleHeader,
    Calendar,
    'form-list': Form,
    FormItem,
    Popup
  },
  methods: {
    disable (str, date) {
      return date.day() === 4 // disable thursday
    }
  },
  data () {
    return {
      date: '2012-12-12',
      date2: '2012-12-12',
      showCalendar2: false
    }
  },
  watch: {
    date2 (v, ov) {
      this.showCalendar2 = false
    }
  }
}
</script>

{'fraction_non_alphanumeric': 0.17722308892355695, 'fraction_numerical': 0.02683307332293292, 'mean_word_length': 2.097584541062802, 'pattern_counts': {'":': 0, '<': 72, '<?xml version=': 0, '>': 72, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3706013', 'n_tokens_mistral': 1066, 'n_tokens_neox': 1011, 'n_words': 211}